码迷,mamicode.com
首页 > Web开发 > 详细

webpack5

时间:2020-06-12 00:40:31      阅读:595      评论:0      收藏:0      [点我收藏+]

标签:hang   nbsp   内容   超过   默认   ack   change   规则   git   

  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

webpack5

标签:hang   nbsp   内容   超过   默认   ack   change   规则   git   

原文地址:https://www.cnblogs.com/cl1998/p/13096921.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!