webpack2升级webpack4,webpack3升级到4为什么会提升速度

　　据说webpack3比webpack4编译速度将近快了60%-80%。

　　成功升级之后，于是来记录下，项目主要是维^2.5.9,webpack ^4.10.2,webpack-dev-sever ^3.1.4，配合升级的还有某视频剪辑软件装载机^15

　　项目重现编译之后由原来的1.7兆字节减少到1.1MB，看来在压缩这块也是由效果的。

　　需要修改的地方有以下几点：

　　真空装载机14到15需要增加如下配置

　　const VueLoaderPlugin=require( vue-loader/lib/plugin )

　　const minicsextractplugin=require( mini-CSS-extract-plugin )//web pack 4

　　const extract text plugin=require( extract-text-web pack-plugin )//for web pack 3-

　　模块。导出={

　　.

　　插件：[

　　new VueLoaderPlugin()，

　　网络包4的新minicsetractplugin({ filename: mian。CSS })//版本

　　-新的提取文本插件({ filename: main。CSS })//对于web pack 3-

　　]

　　.

　　}网络包-开发-服务器升级之后需做如下改动

　　devServer: {

　　内容库：路径。resolve(_ _ dirname，./dos-html )，//需要指定路径

　　端口：7001,

　　热：真的，

　　//open: false，

　　inline: true，

　　压缩：真，

　　historyApiFallback:没错，

　　.

　　}，webpack3升级四之后需要改动的配置

　　插件：[

　　//已经移除

　　新的网络包。优化。commonschunkplugin({

　　名称：供应商，

　　minChunks:函数（模块){

　　节点_模块中任何需要的模块都被提取给供应商

　　返回（

　　module.resource /\ .js$/.测试（模块。资源)

　　模块。资源。(路径的索引。join(_ _ dirname，./node _ modules )===0

　　)

　　}

　　}),

　　新网络包。优化。uglifyjsplugin(.)//已经移除

　　}

　　//===修改为以下

　　const UglifyJsPlugin=require( uglifyjs-web pack-plugin )；

　　moudel.exports={

　　模式："生产",这里指定模式。

　　.

　　优化：{

　　拆分块

　　名称（模块){

　　返回（

　　module.resource /\ .js$/.测试（模块。资源)

　　模块。资源。(路径的索引。join(_ _ dirname，./node _ modules )===0

　　)

　　}

　　},

　　最小化：真，

　　最小化：[

　　新的UglifyJsPlugin({

　　丑陋选项：{

　　压缩：{

　　警告：错误，

　　//drop_debugger: true，

　　//drop_console: true

　　},

　　源地图：假

　　}

　　})

　　]

　　},

　　.

　　}其他的各种报错信息，注意看，可能是模块版本太低了吧，都升级下就好了。

　　【完】

　　推荐学习：网络包入门视频教程以上就是解析webpack3升级到webpack4版本遇到的问题（总结)的详细内容，更多请关注我们其它相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。