webpack4 踩坑记

lookSomeone 发布于2019-08-26 11:51 / 1624人阅读

最近偶然想学习下webpack的配置，于是走上了webpack4踩坑的不归路。。。

webpack4默认的特性：

配置默认初始化一些配置, 比如 entry 默认 "./src" 开发模式和发布模式, 插件默认内置 CommonsChunk 配置简化

使用 ES6 语法，比如 Map, Set, includes 新增 WebAssembly 构建支持如果要使用 webpack
cli 命令，需要多带带再安装 webpack-cli 废弃并移除了

CommonsChunkPlugin，并且使用一些默认值以及更容易被复写的新 API optimize.splitChunks
来代替，例如：

   optimization: {
      splitChunks: {
        chunks: "all",
        name: "common",
      },
      runtimeChunk: {
        name: "runtime",
      }
    }

不再需要在 plugin 中设置 new webpack.optimize.UglifyJsPlugin

   ，只需要在配置中设置开关即可，并且 production 模式自动开启，可以通过 optimization.minimizer
   指定其他压缩库；

Webpack 4 提供了 sideEffects 的配置，引入的第三方插件在 package.json 里面配置

   sideEffects:false

extract-text-webpack-plugin 插件炸了，安装指定 extract-text-webpack-plugin 版本
@next，或者是用optimization.minimizer代替

私有云专线服务踩坑记 webpack4 webpack4教程遇坑记

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107702.html

关于Vue2一些值得推荐的文章 -- 五、六月份

摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。五、六月份推荐集合查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。苏...

sutaking 2019-08-02 15:17 评论0 收藏0
关于Vue2一些值得推荐的文章 -- 五、六月份

摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。五、六月份推荐集合查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。苏...

khs1994 2019-08-23 18:08 评论0 收藏0
react使用踩坑记（一）

摘要：本文主要介绍在移动端项目中如何使用及其配置使用脚手架生成的项目，后运行弹出配置项，该命令不可逆哦。使用了作为计算依据，因此需要在中贴上以下代码，并没有使用淘宝的方案使用的设计图是的哦配置的按需加载当然了，你需要先。本文主要介绍在react移动端项目中如何使用antd-mobile2及其配置使用 create-react-app脚手架生成的项目，后运行npm run eject 弹出...

toddmark 2019-08-29 15:33 评论0 收藏0
react使用踩坑记（一）

摘要：本文主要介绍在移动端项目中如何使用及其配置使用脚手架生成的项目，后运行弹出配置项，该命令不可逆哦。使用了作为计算依据，因此需要在中贴上以下代码，并没有使用淘宝的方案使用的设计图是的哦配置的按需加载当然了，你需要先。本文主要介绍在react移动端项目中如何使用antd-mobile2及其配置使用 create-react-app脚手架生成的项目，后运行npm run eject 弹出...

_ang 2019-08-26 11:57 评论0 收藏0