webpack5
Posted 飞鸟和蝉
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack5相关的知识,希望对你有一定的参考价值。
- webpack5安装: cnpm i webpack@next webpack-cli –D
- webpack4 和 webpack5的区别:
webpack4:
webpack5 省略了默认的配置
- 打包的体积变小的
webpack4:
webpack5:
webpack5打包使用了,匿名自调用函数 和 严格语法
- webpack5重点关注一下内容:
1. 需要手动添加 引入 node模块
2. webpack内部命名规则 ,
3. *Tree Shaking(树摇)
4. Output, 指定输出版本
设置代码分割, 文件超过30kb, 就分割成多个文件
5. 长久缓存 ,让第二次打包性能更加高效
6. 监视输出的文件
7.默认值:
网址: https://github.com/webpack/changelog-v5
以上是关于webpack5的主要内容,如果未能解决你的问题,请参考以下文章