angular-cli其中是webpack.config.js文件 – 新的2017年2月:ngpopup

更新:2017年2月:使用popup

更新:2016年11月:angular-cli现在只使用webpack。 你只需要用npm install -g angular-cli来安装。 “我们改变了beta.10和beta.14之间的构build系统,从SystemJS到Webpack”,但实际上我使用angular-cli来冷却结构和文件夹,然后再使用webpackconfiguration

我已经安装了angular度cli:

npm install -g angular-cli@webpack 

当我使用angular1和web pack的时候,我用来修改“webpack.config.js”文件来执行所有的任务和插件,但是我没有看到用angular-cli创build的这个项目是谁工作的。 这是魔法?

我看到Webpack正在工作,当我这样做:

 ng serve "Version: webpack 2.1.0-beta.18" 

但我不明白angular度cliconfiguration工作的方式…

有一个很好的方法从angular-cli中popupwebpack.config.js 。 赶紧跑:

 $ ng eject 

这将在您的项目的根文件夹中生成webpack.config.js,您可以按照自己的方式自由configuration它。 这样做的缺点是package.json中的build / start脚本将被replace为新的命令而不是

 $ ng serve 

你将不得不做类似的事情

 $ npm run build & npm run start 

这个方法应该适用于所有最新版本的angular-cli(我个人尝试了几个,最老的是1.0.0-beta.21和最新的1.0.0-beta.32.3

根据这个问题 ,这是一个devise决定,不允许用户修改Webpackconfiguration来减less学习曲线。

考虑到Webpack上有用的configuration数量,这是一个很大的缺点。

我不会推荐在生产应用中使用angular-cli ,因为它非常有见地。

您可以在angular-cli/addon/ng2/models破解configuration模板。 到目前为止,还没有官方的方式来修改webpack的configuration。

在github上有一个关于这个问题的封闭的“无法修复”问题: https : //github.com/angular/angular-cli/issues/1656