前段时间，webpack发布了新版本的webpack4。接触的时候已经是4.1版本了。node支持的版本必须是"node":">=6.11.5"。webpack打包速度和parcel的对比以及parcel的粗浅试用如下图所示。黄色是webpack3版本；green是我写的配置，和webpack3基本类似，下面会介绍具体的区别；蓝色是webpack4自带的生产模式；红色是包裹；具体大小和速度大家可以对比一下，关于配置还是很强大的，应该说webpack4最大的噱头就是零配置。webpack4的安装简单介绍首先我们需要注意的是npmiwebpack照例安装。webpack4需要安装webpackcli，这与平时不同。不能直接使用。系统将提示您安装webpackcli并运行第一步。第一步安装完成后，我们就可以直接进行实验了。这是我的文件目录，这里不需要webpack.config.js。这是我将在后面的实验中使用的。编写自己上传js即可运行webpack4默认配置。入口文件默认配置为src/index.js，默认输出为dist/main.js。'path')varwebpack=require('webpack')module.exports={entry:path.resolve('','./src/index.js'),output:{path:path.resolve('','./dist'),filename:'[name].js',},//exportoptimization:{minimize:true},mode:'none',}UglifyJs相关配置修改压缩插件的写法不同的是，换成了optimization:{minimize:true},//原来的写法，现在会报错，具体见下图plugins:[newwebpack.optimize.UglifyJsPlugin({compress:{warnings:错误的}}),//代码压缩，开发环境慎用]新增的mode字段，默认的mode配置另外可以看到，里面有一个mode：'node'，这个是production默认的mode设置模式production，而development是production模式，还有一个hiddennone模式。节点模式不使用默认值。这里有一个细节，就是当我们设置pro和dev模式时，我们写的配置会被忽略，使用默认，所以你必须为自己的配置编写none模式。如果自己写配置，不写node字段，不设置压缩，就会被警告。如果代码太大，你会拆分它。有用的话请点赞收藏哦~如果有不对的地方还请多多指教哦~我自己也试了一下，因为最近网上看的文章不多。具体与之前版本不同的内容可以去gayhub项目阅读。官方已经介绍了这篇文章我只是想介绍一下我粗浅的实验~以后有更多接触会更新~
