webpack3.0升级4.0的方法步骤-创新互联

1.webpack 3.11升级4.26

创新互联建站服务项目包括秀山土家族苗族网站建设、秀山土家族苗族网站制作、秀山土家族苗族网页制作以及秀山土家族苗族网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，秀山土家族苗族网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到秀山土家族苗族省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

为了提升打包效率，在webpack3.11基础之上做了升级，webpack4.0发布以来，零配置的webpack对项目本身提供的“打包”和“压缩”功能已经做了优化，如果在项目开始使用4.0而不用vue-cli的默认配置，遇到的问题或许能少一些。

2. 安装/升级依赖

这些依赖有的是在build过程中发现依赖有新的替换或者报错，逐步替换的，如果想遇到多个坑，可以先把webpack、webpack-cli升级到对应版本

devDependencies:

"extract-text-webpack-plugin": "^4.0.0-beta.0"
"html-webpack-plugin": "^4.0.0-beta.14"
"mini-css-extract-plugin": "^0.9.0" (旧的optimize-css-assets-webpack不支持了)
"preload-webpack-plugin": "^3.0.0-beta.4"
"script-ext-html-webpack-plugin": "^2.1.3"
"vue-loader": "^15.3.0"
"webpack": "^4.26.1"
"webpack-cli": "^3.1.2"
"webpack-dev-server": "^3.2.1"
"script-ext-html-webpack-plugin": "^2.1.3"

分享题目：webpack3.0升级4.0的方法步骤-创新互联
文章源于：http://hxwzsj.com/article/ceijpo.html