详解组件库的webpack构建速度优化(6)
// config.dev.js module.exports = merge(config, { entry: entry, output: { path: '/', publicPath: '', filename: '[name].js' }, plugins: [ new webpack.DefinePlugin({ 'process.env': { NODE_ENV: "'development'", RUN_ENV: process.env.RUN_ENV === 'component' ? "'component'" : "''", component: process.env.RUN_ENV === 'component' ? JSON.stringify('/' + component) : 'path' } }), new HtmlWebpackPlugin({ template: utils.resolve('examples/index.html'), filename: 'index.html', inject: true }), new FriendlyErrorsPlugin(), new OpenBrowserPlugin({ url: 'http://localhost:' + PORT }), new webpack.DllReferencePlugin({ manifest: require('./dll/vendor.manifest.json') }) ], devServer: { disableHostCheck: true, host: '0.0.0.0', port: PORT, quiet: true, hot: true, historyApiFallback: true }, devtool: 'cheap-eval-source-map' });
最后优化后的构建速度 16-17s,结果还是比较理想的,
结语
最后发现是依赖版本带来的构建性能问题,不能算是webpack构建的优化。算是一个踩坑吧
其他在项目中可以用到的优化点应该主要就是 happypack dll
了,能够有效的提升构建速度,其他还需要多多尝试
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持黑区网络。