所谓Rollup是指Webpack2会把那些应用中未使用的引用代码除掉，但不会删除这些代码，所以就需要配合 UglifyJs 能够智能的移除这些未使用的代码。从而减少包体大小。
而Agnular应用是基于Typescript，因此Angular Cli提供了一个叫 Angular Build Optimizer 插件，将 Typescript 编译结果转化成更友好的UglifyJs版本。这样UglifyJs就能够更有效的移除那些未使用的代码。
Angular Cli只需要加上 --build-optimizer 参数就可以，在一些情况下压缩的还是很厉害的。
ng build --prod --build-optimizer
3、导出Webpack配置
Angular Cli 是基于 Webpack 封闭的一个Angular命令行工具，但并不表示我们无法了解细节。
Webpack 的核心是 webpack.config.js 文件，然后 Angular Cli 构建的项目并看不到该文件。
但是可以透过 ng eject （更多细节见wiki） 转化成 Webapck 项目所需要的配置文件与运行配置指令。这时候会在根目录产生 webpack.config.js 文件。
不过，同时也会改变了 package.json 与 .angular-cli.json 的一些配置，若你只想查看 Webpack 配置信息，可以还原这些配置即可。
结论
本文只是日常做一次总结，都是一些网络中可以查阅到的知识，并无新意。而上面所有 Angular Cli 相关命令，都可以在 Wiki 都有相应的描述。
好了，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
您可能感兴趣的文章: