Angular2 - 一个小项目的巨大开发JS大小?

时间:2017-03-25 11:06:29

标签: javascript angularjs angular webpack

我有一个非常基本的todos项目 该项目最初是以angular-cli基本模板开始的,但因为webpack.config.js有很多内置语句,我不需要 - 我已经设法清理并生成基本工作angular2 webpack配置文件:

module.exports = {

    entry: {
        "main": ["./src\\main.ts"],
        "polyfills": ["./src\\polyfills.ts"]
    },
    output: {
        path: path.join(process.cwd(), "dist"),
        filename: '[name].bundle.js',
        "publicPath": "/dist/"
    },
    resolve: {
        extensions: ['.ts', '.js', '.html']
    },
    module: {
        rules: [
            { test: /\.html$/, loader: 'raw-loader' },
            { test: /\.css$/, loader: 'raw-loader' },
            {
                test: /\.ts$/,
                exclude: /node_modules/,
                loaders: ['awesome-typescript-loader', 'angular2-template-loader']
            }
        ]
    },plugins: [
    new webpack.ContextReplacementPlugin(
      /angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/,
      __dirname
    )
]
};

(但我确实需要安装两个装载机,但这无关紧要)

  • 如果我运行webpack - 我得到:

enter image description here

  • 如果我运行webpack -p - 我得到:

enter image description here

  • 如果我运行webpack -d - 我得到:

enter image description here

在开发模式下,文件是巨大的(创建需要更长时间,我理解,但每次需要10秒)

问题

我经常使用webpack -d --watch,但你可以看到它需要更长时间(每次编译10秒)

是否有任何功能可以启用/禁用以便编译更快 - 同时仍在使用-d --watch

0 个答案:

没有答案