Angular 角度2网页包慢速初始负载

Angular 角度2网页包慢速初始负载,angular,Angular,我正在使用Angular 2和webpack。最初的开发和生产速度很慢。对于Firefox,它几乎需要4秒钟。在我的索引文件中,我只调用引导 这是我的webpack.congif.js var path = require('path'); var webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); var CopyWebpackPlugin = require('co

我正在使用Angular 2和webpack。最初的开发和生产速度很慢。对于Firefox,它几乎需要4秒钟。在我的索引文件中,我只调用引导

这是我的webpack.congif.js

var path = require('path');
var webpack = require('webpack');

const HtmlWebpackPlugin = require('html-webpack-plugin');
var CopyWebpackPlugin = require('copy-webpack-plugin');

function root(args) {
    args = Array.prototype.slice.call(arguments, 0);
    return path.join.apply(path, [__dirname].concat(args));
}

module.exports = {
    resolve: {
        extensions: ['.ts', '.js', '.html',  '.css']
    },

loaders:[ExtractTextPlugin.extract('style', 'css-loader'), 'to-string', 'css']

    devtool: 'cheap-module-source-map',

    module: {
        rules: [{
            test: /\.js$/,
            loader: 'source-map',
            enforce: 'pre'
        }, {
            test: /\.ts$/,
            loader: 'awesome-typescript-loader',
            exclude: /(node_modules)/
        }]
    },

    entry: {+
        'app': './src/main.ts'
    },

    devServer: {
        outputPath: root('dist'),
        watchOptions: {
            poll: true
        },
        stats: {
            modules: false,
            cached: false,
            colors: true,
            chunks: false
        }
    },

    output: {
        path: root('dist'),
        filename: '[name].[hash].js',
        sourceMapFilename: '[name].[hash].map',
        chunkFilename: '[id].[hash].chunk.js'
    },

    plugins: [
        // fix the warning in ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js
        new webpack.ContextReplacementPlugin(
            /angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/,
            root('./src')
        ),

        new HtmlWebpackPlugin({
            template: 'index.html',
            chunksSortMode: 'dependency'
        }),
        new CopyWebpackPlugin([
            { from: 'i18n/', to: 'i18n' }
        ]),

        new webpack.optimize.OccurrenceOrderPlugin(true)
    ]
};

任何IDE如何加速都将非常有帮助

使用webpack设置AOT
webpack-p
尝试此命令。通过webpack查看DllReferencePlugin,若要提高开发体验,请参阅以获取参考欢迎来到Angular2 world。@a.T.新URL: