webpack5

  1. webpack5安装: cnpm i webpack@next webpack-cli –D
  2. webpack4 和 webpack5的区别:
    webpack4:

    webpack5 省略了默认的配置
  3. 打包的体积变小的
    webpack4:

    webpack5:

    webpack5打包使用了,匿名自调用函数 和 严格语法
  4. webpack5重点关注一下内容:

    1. 需要手动添加 引入 node模块

    2.  webpack内部命名规则 ,

    3.  *Tree Shaking(树摇)


    4.  Output, 指定输出版本

        设置代码分割,  文件超过30kb, 就分割成多个文件

    5.  长久缓存 ,让第二次打包性能更加高效

    6.  监视输出的文件

    7.默认值:

    网址: https://github.com/webpack/changelog-v5

相关文章