如何使用Webpack2在Angular 2中实现AOT?
在我的示例Angular 2 SPA中,我按顺序使用了Webpack 2模块绑定器如何使用Webpack2在Angular 2中实现AOT?,angular,angular2-aot,Angular,Angular2 Aot,在我的示例Angular 2 SPA中,我按顺序使用了Webpack 2模块绑定器 捆绑我所有的js文件 实现“树摇动”以删除死代码并减少捆绑js文件大小 并实现提前编译,进一步减小捆绑包js文件大小 通过创建webpack.config.js文件,我可以获得“1”和“2”,下面是该文件的内容 'use strict'; const webpack = require('webpack'); module.exports = { devtool: 'source-map', e
'use strict';
const webpack = require('webpack');
module.exports = {
devtool: 'source-map',
entry: './src/main.js',
plugins: [
new webpack.optimize.UglifyJsPlugin({
minimize: true,
compress: false
})
],
output: {
filename:'./src/bundle.js'
}
}
现在我需要进一步做什么,以便也可以实现提前编译?可能的资源:您可能会混淆丑陋(重写代码以使用简短、神秘的变量和函数名)和树抖动(丢弃未使用的代码)。Angular.io建议使用,但看起来您在这里没有使用。在包含“webpack.optimize.UglifyJsPlugin”之后,捆绑包的大小确实从2.5 mb降至660 kb。