如何使用Webpack2在Angular 2中实现AOT?

如何使用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

在我的示例Angular 2 SPA中,我按顺序使用了Webpack 2模块绑定器

  • 捆绑我所有的js文件
  • 实现“树摇动”以删除死代码并减少捆绑js文件大小
  • 并实现提前编译,进一步减小捆绑包js文件大小
  • 通过创建webpack.config.js文件,我可以获得“1”和“2”,下面是该文件的内容

    '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。