grunt serve删除了yeoman generator angular应用程序的依赖关系
grunt serve removes yeoman generator-angular app dependencies
我一直在兜圈子，试图弄清楚这一点。所以我已经和这个项目合作了一段时间，没有遇到任何问题。我做了很多yo-angle命令来构建指令、控制器、视图等。没有问题。然后有一天，我发出咕哝的发球：[目标]，它吹走了我的最后一个指令。这是一件奇怪的事情。如果我在观察时手动添加它，它会不断删除它。我删除了index.html文件中build:js块之间的所有依赖项，它会将除我注意到的块外的所有依赖关系都添加回来。（顺便说一句，还有一些是我开始挖掘时才发现的。他们碰巧是管理员。）这变得更奇怪了。因此，如果我添加回依赖项并运行grunt-serve:dist，它就在那里。但我必须先把它加回来，不要跑咕哝发球：[目标]，否则咕哝发球会把它吹走。
以下是我注意到这个bug后所做的工作。我已经更新了yeoman，generator，它也需要nodejs和npm更新。我还浏览了其他几个我认为可能相关的咕哝工具，并更新了所有这些工具。手表、ngmin、复印等工具
另一方面，我测试了一下这是在我的电脑上还是在其他电脑上。它确实发生在其他人身上。它们都是各种版本的OSX，yeoman，generator angular，nodejs和npm。
这是我的Gruntfile
// Generated on 2015-02-12 using generator-angular 0.10.0
'use strict';
// # Globbing
// for performance reasons we're only matching one level down:
// 'test/spec/{,*/}*.js'
// use this if you want to recursively match all subfolders:
// 'test/spec/**/*.js'
module.exports = function (grunt) {
// Load grunt tasks automatically
require('load-grunt-tasks')(grunt);
// Time how long tasks take. Can help when optimizing build times
require('time-grunt')(grunt);
// Configurable paths for the application
var appConfig = {
app: require('./bower.json').appPath || 'app',
dist: 'dist'
};
// Define the configuration for all the tasks
grunt.initConfig({
// Project settings
yeoman: appConfig,
// Watches files for changes and runs tasks based on the changed files
watch: {
bower: {
files: ['bower.json'],
tasks: ['wiredep']
},
js: {
files: ['<%= yeoman.app %>/scripts/{,*/}*.js'],
tasks: ['newer:jshint:all'],
options: {
livereload: '<%= connect.options.livereload %>'
}
},
jsTest: {
files: ['test/spec/{,*/}*.js'],
tasks: ['newer:jshint:test', 'karma']
},
compass: {
files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'],
tasks: ['compass:server', 'autoprefixer']
},
gruntfile: {
files: ['Gruntfile.js']
},
livereload: {
options: {
livereload: '<%= connect.options.livereload %>'
},
files: [
'<%= yeoman.app %>/{,*/}*.html',
'.tmp/styles/{,*/}*.css',
'<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
]
}
},
// The actual grunt server settings
connect: {
options: {
port: 9000,
// Change this to '0.0.0.0' to access the server from outside.
hostname: 'localhost',
livereload: 35729
},
livereload: {
options: {
open: true,
middleware: function (connect) {
return [
connect.static('.tmp'),
connect().use(
'/bower_components',
connect.static('./bower_components')
),
connect.static(appConfig.app)
];
}
}
},
test: {
options: {
port: 9001,
middleware: function (connect) {
return [
connect.static('.tmp'),
connect.static('test'),
connect().use(
'/bower_components',
connect.static('./bower_components')
),
connect.static(appConfig.app)
];
}
}
},
dist: {
options: {
open: true,
base: '<%= yeoman.dist %>'
}
}
},
// Make sure code styles are up to par and there are no obvious mistakes
jshint: {
options: {
jshintrc: '.jshintrc',
reporter: require('jshint-stylish')
},
all: {
src: [
'Gruntfile.js',
'<%= yeoman.app %>/scripts/{,*/}*.js'
]
},
test: {
options: {
jshintrc: 'test/.jshintrc'
},
src: ['test/spec/{,*/}*.js']
}
},
// Empties folders to start fresh
clean: {
dist: {
files: [{
dot: true,
src: [
'.tmp',
'<%= yeoman.dist %>/{,*/}*',
'!<%= yeoman.dist %>/.git{,*/}*'
]
}]
},
server: '.tmp'
},
// Add vendor prefixed styles
autoprefixer: {
options: {
browsers: ['last 1 version']
},
dist: {
files: [{
expand: true,
cwd: '.tmp/styles/',
src: '{,*/}*.css',
dest: '.tmp/styles/'
}]
}
},
// Automatically inject Bower components into the app
wiredep: {
app: {
src: ['<%= yeoman.app %>/index.html'],
ignorePath: /'.'.'//
},
sass: {
src: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'],
ignorePath: /('.'.'/){1,2}bower_components'//
}
},
// Compiles Sass to CSS and generates necessary files if requested
compass: {
options: {
sassDir: '<%= yeoman.app %>/styles',
cssDir: '.tmp/styles',
generatedImagesDir: '.tmp/images/generated',
imagesDir: '<%= yeoman.app %>/images',
javascriptsDir: '<%= yeoman.app %>/scripts',
fontsDir: '<%= yeoman.app %>/styles/fonts',
importPath: './bower_components',
httpImagesPath: '/images',
httpGeneratedImagesPath: '/images/generated',
httpFontsPath: '/styles/fonts',
relativeAssets: false,
assetCacheBuster: false,
raw: 'Sass::Script::Number.precision = 10'n',
sourcemap: true
},
dist: {
options: {
generatedImagesDir: '<%= yeoman.dist %>/images/generated'
}
},
server: {
options: {
debugInfo: true
}
}
},
// Renames files for browser caching purposes
filerev: {
dist: {
src: [
'<%= yeoman.dist %>/scripts/{,*/}*.js',
'<%= yeoman.dist %>/styles/{,*/}*.css',
'<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',
'<%= yeoman.dist %>/styles/fonts/*'
]
}
},
// Reads HTML for usemin blocks to enable smart builds that automatically
// concat, minify and revision files. Creates configurations in memory so
// additional tasks can operate on them
useminPrepare: {
html: '<%= yeoman.app %>/index.html',
options: {
dest: '<%= yeoman.dist %>',
flow: {
html: {
steps: {
js: ['concat', 'uglifyjs'],
css: ['cssmin']
},
post: {}
}
}
}
},
// Performs rewrites based on filerev and the useminPrepare configuration
usemin: {
html: ['<%= yeoman.dist %>/{,*/}*.html'],
css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
options: {
assetsDirs: ['<%= yeoman.dist %>','<%= yeoman.dist %>/images']
}
},
// The following *-min tasks will produce minified files in the dist folder
// By default, your `index.html`'s <!-- Usemin block --> will take care of
// minification. These next options are pre-configured if you do not wish
// to use the Usemin blocks.
// cssmin: {
// dist: {
// files: {
// '<%= yeoman.dist %>/styles/main.css': [
// '.tmp/styles/{,*/}*.css'
// ]
// }
// }
// },
// uglify: {
// dist: {
// files: {
// '<%= yeoman.dist %>/scripts/scripts.js': [
// '<%= yeoman.dist %>/scripts/scripts.js'
// ]
// }
// }
// },
// concat: {
// dist: {}
// },
imagemin: {
dist: {
files: [{
expand: true,
cwd: '<%= yeoman.app %>/images',
src: '{,*/}*.{png,jpg,jpeg,gif}',
dest: '<%= yeoman.dist %>/images'
}]
}
},
svgmin: {
dist: {
files: [{
expand: true,
cwd: '<%= yeoman.app %>/images',
src: '{,*/}*.svg',
dest: '<%= yeoman.dist %>/images'
}]
}
},
htmlmin: {
dist: {
options: {
collapseWhitespace: true,
conservativeCollapse: true,
collapseBooleanAttributes: true,
removeCommentsFromCDATA: true,
removeOptionalTags: true
},
files: [{
expand: true,
cwd: '<%= yeoman.dist %>',
src: ['*.html', 'views/{,*/}*.html'],
dest: '<%= yeoman.dist %>'
}]
}
},
// ng-annotate tries to make the code safe for minification automatically
// by using the Angular long form for dependency injection.
ngAnnotate: {
dist: {
files: [{
expand: true,
cwd: '.tmp/concat/scripts',
src: ['*.js', '!oldieshim.js'],
dest: '.tmp/concat/scripts'
}]
}
},
// Replace Google CDN references
cdnify: {
dist: {
html: ['<%= yeoman.dist %>/*.html']
}
},
// Copies remaining files to places other tasks can use
copy: {
dist: {
files: [{
expand: true,
dot: true,
cwd: '<%= yeoman.app %>',
dest: '<%= yeoman.dist %>',
src: [
'*.{ico,png,txt}',
'.htaccess',
'*.html',
'views/{,*/}*.html',
'images/{,*/}*.{webp}',
'fonts/{,*/}*.*'
]
}, {
expand: true,
cwd: '.tmp/images',
dest: '<%= yeoman.dist %>/images',
src: ['generated/*']
}, {
expand: true,
cwd: '.',
src: 'bower_components/bootstrap-sass-official/assets/fonts/bootstrap/*',
dest: '<%= yeoman.dist %>'
}, {
expand: true,
cwd: 'bower_components/components-font-awesome/fonts',
dest: '<%= yeoman.dist %>/fonts',
src: './**'
}]
},
styles: {
expand: true,
cwd: '<%= yeoman.app %>/styles',
dest: '.tmp/styles/',
src: '{,*/}*.css'
}
},
// Run some tasks in parallel to speed up the build process
concurrent: {
server: [
'compass:server'
],
test: [
'compass'
],
dist: [
'compass:dist',
'imagemin',
'svgmin'
]
},
// Test settings
karma: {
unit: {
configFile: 'test/karma.conf.js',
singleRun: true
}
},
// Bump
bump: {
options: {
files: [
'package.json'
, 'bower.json'
]
, updateConfigs: []
// , commit: true
// , commitMessage: 'Release v%VERSION%'
// , commitFiles: [
// 'package.json'
// , 'bower.json'
// ]
// , createTag: true
// , tagName: 'v%VERSION%'
// , tagMessage: 'Version %VERSION%'
// , push: true
// , pushTo: 'upstream'
, gitDescribeOptions: '--tags --always --abbrev=1 --dirty=-d'
, globalReplace: false
}
},
ngconstant: {
options: {
space: ' ',
wrap: '"use strict";'n'n {%= __ngModule %}',
name: 'config',
dest: '<%= yeoman.app %>/scripts/config.js'
},
// Environment targets
dev: {
constants: {
ENV: 'development',
debug: true,
API_URL: 'https://some-api.staging.example.com',
AUTH_URL: 'https://auth.staging.example.com',
GD_API: 'https://bi.example.com'
}
},
production: {
constants: {
ENV: 'production',
debug: false,
API_URL: 'https://some-api.example.com',
AUTH_URL: 'https://auth.example.com',
GD_API: 'https://bi.example.com'
}
},
staging: {
constants: {
ENV: 'staging',
debug: false,
API_URL: 'https://some-api.staging.example.com',
AUTH_URL: 'https://auth.staging.example.com',
GD_API: 'https://bi.example.com'
}
}
},
// Git Hook for Bumping version on each push/pre-commit
githooks: {
all: {
options: {
template: 'hooks/pre-commit.js'
},
'pre-commit': 'bump'
}
},
template: {
'process-html-template': {
options: {
data: {
version: appConfig.version,
date: new Date()
}
},
files: {
'app/index.html': ['app/index.html.tpl']
}
}
}
});
grunt.registerTask('serve', 'Compile then start a connect web server', function (target) {
if(target === 'dist')
return grunt.task.run(['build', 'connect:dist:keepalive']);
if(target === 'dist2')
return grunt.task.run(['build:staging', 'connect:dist:keepalive']);
if(!target)
target = 'staging'
grunt.task.run([
'clean:server',
'ngconstant:' + target,
'wiredep',
'concurrent:server',
'autoprefixer',
'connect:livereload',
'template',
'watch'
]);
});
grunt.registerTask('server', 'DEPRECATED TASK. Use the "serve" task instead', function (target) {
grunt.log.warn('The `server` task has been deprecated. Use `grunt serve` to start a server.');
grunt.task.run(['serve:' + target]);
});
grunt.registerTask('test', [
'clean:server',
'concurrent:test',
'autoprefixer',
'connect:test',
'karma'
]);
grunt.registerTask('build', function(target){
target = target || 'production'
grunt.task.run([
'clean:dist',
'ngconstant:' + target,
'wiredep',
'useminPrepare',
'concurrent:dist',
'autoprefixer',
'concat',
'ngAnnotate',
'copy:dist',
'cdnify',
'cssmin',
'uglify',
'filerev',
'usemin',
'htmlmin'
]);
});
grunt.registerTask('default', [
'newer:jshint',
'test',
'build'
]);
};这是我的index.html
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title>Title</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<meta name="version" content=" - Thu Feb 12 2015 11:25:22 GMT-0800 (PST)">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css(.) styles/vendor.css -->
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="bower_components/seiyria-bootstrap-slider/dist/css/bootstrap-slider.css" />
<link rel="stylesheet" href="bower_components/components-font-awesome/css/font-awesome.css" />
<!-- endbower -->
<!-- endbuild -->
<!-- build:css(.tmp) styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/ticker.css">
<!-- endbuild -->
</head>
<body
ng-app="app"
ng-controller="GlobalCtrl"
ng-class="{blueBg: state.includes('home')}"
>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="container">
<header
id="header"
ng-controller="HeaderCtrl"
ng-include="'views/header.html'"
class="navbar-fixed-top"
>
</header>
<div
ui-view=""
id="content"
class="view-animate"
>
</div>
</div>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXX', 'auto');
ga('set', 'forceSSL', true);
</script>
<!-- build:js(.) scripts/oldieshim.js -->
<!--[if lt IE 9]>
<script src="bower_components/es5-shim/es5-shim.js"></script>
<script src="bower_components/json3/lib/json3.js"></script>
<![endif]-->
<!-- endbuild -->
<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/modernizr/modernizr.js"></script>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/seiyria-bootstrap-slider/js/bootstrap-slider.js"></script>
<script
src="bower_components/venturocket-angular-slider/build/angular-slider.js"></script>
<script src="bower_components/angucomplete/angucomplete.js"></script>
<script src="bower_components/raphael/raphael.js"></script>
<script src="bower_components/prefixfree/prefixfree.min.js"></script>
<script src="bower_components/numeral/numeral.js"></script>
<script src="bower_components/ui-router/release/angular-ui-router.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="bower_components/angular-ui-utils/ui-utils.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
<script src="bower_components/ui-router-extras/release/ct-ui-router-extras.js"></script>
<script src="bower_components/angular-logex/dist/log-ex-unobtrusive.js"></script>
<script src="bower_components/jquerykeyframes/jquery.keyframes.js"></script>
<script src="bower_components/ng-file-upload/angular-file-upload-shim.js"></script>
<script src="bower_components/ng-file-upload/angular-file-upload.js"></script>
<!-- endbower -->
<!-- endbuild -->
<!-- build:js({.tmp,app}) scripts/scripts.js -->
<script src="scripts/app.js"></script>
<script src="/scripts/config.js"></script>
<script src="scripts/controllers/home.js"></script>
<script src="scripts/controllers/navigation.js"></script>
<script src="scripts/controllers/global.js"></script>
<script src="scripts/filters/capitalize.js"></script>
<script src="scripts/filters/currencyabbr.js"></script>
<script src="scripts/controllers/campaigns.js"></script>
<script src="scripts/controllers/performance.js"></script>
<script src="scripts/services/audience.js"></script>
<script src="scripts/services/user.js"></script>
<script src="scripts/services/gooddata.js"></script>
<script src="scripts/services/polaris_campaign.js"></script>
<script src="scripts/controllers/audiences.js"></script>
<script src="scripts/services/country.js"></script>
<script src="scripts/services/industry.js"></script>
<script src="scripts/services/pagefilter.js"></script>
<script src="scripts/lib/top5.js"></script>
<script src="scripts/lib/tooltip.js"></script>
<script src="scripts/directives/top5chart.js"></script>
<script src="scripts/directives/ticker.js"></script>
<script src="scripts/directives/funnel.js"></script>
<script src="scripts/directives/spinner.js"></script>
<script src="scripts/services/summary.js"></script>
<script src="scripts/directives/mostactive.js"></script>
<script src="scripts/directives/trend.js"></script>
<script src="scripts/services/helper.js"></script>
<script src="scripts/controllers/header.js"></script>
<script src="scripts/services/navigation.js"></script>
<script src="scripts/controllers/audiencesedit.js"></script>
<script src="scripts/controllers/audiencescreate.js"></script>
<script src="scripts/controllers/audienceslist.js"></script>
<script src="scripts/controllers/modal.js"></script>
<script src="scripts/services/locations.js"></script>
<script src="scripts/services/paginator.js"></script>
<script src="scripts/services/audienceservice.js"></script>
<script src="scripts/controllers/audiencescreateexisting.js"></script>
<script src="scripts/controllers/audiencescreateexistinglist.js"></script>
<script src="scripts/controllers/audiencescreateexistingedit.js"></script>
<script src="scripts/controllers/audiencescreatecustom.js"></script>
<script src="scripts/controllers/audiencesupload.js"></script>
<script src="scripts/services/campaign.js"></script>
<script src="scripts/services/modal.js"></script>
<script src="scripts/services/spinner.js"></script>
<script src="scripts/directives/spinner.js"></script>
<script src="scripts/controllers/audiencemodal.js"></script>
<!-- endbuild -->
</body>
</html>这是我的包.json
{
"name": "app",
"version": "0.4.7",
"description": "Description",
"author": "John Smith <jsmith@company.com>",
"contributors": [
{
"name": "John Smith",
"email": "jsmith@company.com"
}
],
"repository": {
"type": "git",
"url": "https://github.com/Demandbase/app"
},
"dependencies": {
"ui-router": "0.0.1"
},
"devDependencies": {
"execSync": "^1.0.2",
"grunt": "^0.4.1",
"grunt-autoprefixer": "2.2.*",
"grunt-bump": "0.0.16",
"grunt-concurrent": "1.0.*",
"grunt-contrib-clean": "^0.5.0",
"grunt-contrib-compass": "^1.0.*",
"grunt-contrib-concat": "^0.4.0",
"grunt-contrib-connect": "^0.7.1",
"grunt-contrib-copy": "0.7.*",
"grunt-contrib-cssmin": "^0.12.*",
"grunt-contrib-htmlmin": "0.4.*",
"grunt-contrib-imagemin": "^0.8.1",
"grunt-contrib-jshint": "^0.10.0",
"grunt-contrib-uglify": "^0.4.0",
"grunt-contrib-watch": "^0.6.*",
"grunt-filerev": "2.1.*",
"grunt-githooks": "^0.3.1",
"grunt-google-cdn": "^0.4.0",
"grunt-karma": "^0.9.0",
"grunt-newer": "^0.7.0",
"grunt-ng-annotate": "0.9.*",
"grunt-ng-constant": "^1.0.0",
"grunt-svgmin": "^0.4.0",
"grunt-template": "^0.2.3",
"grunt-usemin": "3.0.*",
"grunt-wiredep": "^2.0.*",
"jshint-stylish": "^0.2.0",
"karma": "^0.12.24",
"karma-coverage": "^0.2.6",
"karma-jasmine": "^0.1.5",
"karma-phantomjs-launcher": "^0.1.4",
"load-grunt-tasks": "^3.1.*",
"time-grunt": "^0.3.1"
},
"engines": {
"node": ">=0.10.0"
},
"scripts": {
"test": "grunt test"
},
"private": true
}这是我的所有版本（请记住，在其他计算机上的不同版本上进行了测试，结果都是一样的）节点：v0.12.0（在v0.11.*上测试，结果相同）npm:2.5.1约曼：1.4.5（尽管我在1.3.3也遇到了同样的问题）generator angular：0.11.1（已经更新，更新前没有赶上以前的版本）OSX:10.10（也发生在10.9.4）
请帮忙，我很困惑，我的项目已经停止了，直到我可以添加更多的依赖项。
这实际上是yeomanwiredep的一个特性。
它使bower.json的依赖关系与<!-- bower:js --> <!-- endbower -->和<!-- bower:css --> <!-- endbower --> 之间的依赖关系保持同步
删除这些特殊标记或从gruntfile末尾的serve命令中禁用wiredep任务，以获得快速修复。
另一种选择是实际使用wiredep来管理您的依赖关系，只需告诉bower保存您安装的内容，如
bower install angular --save
它会把它添加到bower.json文件中，grunt-server会把它放在index.html中，神奇！
好吧，原来是grunt模板。它从index.tpl.html和不在其中的依赖项写入index.html。我不确定我是如何坚持这么长时间的，直到现在都很好。但我已经通过排除这个模板步骤进行了测试，它运行得很好。我现在有这个步骤并不重要。此外，还有数十种其他简单的解决方案。稍后我将以一种新的方式实现这一点。现在只是删除模板任务并继续前进。感谢Renan早些时候的帮助。
相关文章：
- Javascript应用程序作为具有外部依赖关系的AMD模块
- grunt serve删除了yeoman generator angular应用程序的依赖关系
- 为Backbone.js应用程序设计依赖注入系统的范围界定问题
- 使用Noir的Web应用程序:如何在不诉诸JavaScript的情况下显示依赖的下拉菜单
- 如何在已部署的 Heroku 应用程序上安装我的 bower 依赖项
- 如何使用 NPM 为您的 Angular 应用程序获取所有依赖项
- 要求JS应用程序无法识别我的依赖项
- 如何使我的 sails 应用程序在 dev 中使用本地 js 和 css 依赖项，并在生产中使用 cdn
- Angular-动态创建一个新模块，并将其注入主应用程序'的依赖关系
- 从JavaScript打开本地地图应用程序，无需依赖经度和纬度坐标
- 如何在节点应用程序的所有模块中提供变量和依赖项
- 可以't在plunkr中添加angular应用程序依赖项
- 试图将依赖于gulp环境的web包变量传递到angularjs应用程序中
- Java web应用程序的项目结构，javascript提供依赖管理、单元测试、ci以及对maven和eclipse的支
- 如何使用Web应用程序作为客户机对SAML依赖方进行身份验证
- 我如何添加依赖到我的脊柱应用程序
- 在Heroku上使用基于插件的架构的应用程序中，我应该如何处理节点模块依赖关系
- 定义本地web应用程序和CDN之间的嵌套依赖关系
- 将Angular2应用程序的必要依赖项上传到web主机中
- 如何使用webpack将应用程序和依赖项拆分到不同的js文件中
