webpack(四) webpack5新特性

总览

webpack5 在 2020-10-10 已经正式发布，其优化方向：

• 使用持久化缓存提高构建性能
• 使用更优的算法和默认值改进长期缓存
• 优化 Tree Shaking 和代码生成以改善包大小
• 改善web平台兼容性
• 去除弃用功能

另外 webpack5 要求 node的最小的版本为 10.13.0

• 长期缓存
• 开发支持
• 支持崭新web平台特性
• 支持全新Node.js生态特性解析
• 构建优化
• 性能优化
• 未来计划

主要优化新特性：

1 功能清除

• 1.1 不再为Node.js模块自动引用 Polyfills

  webpack5 之前的版本中，伪类大多数的Node.js模块运行在浏览器中，会在引用到node.js 模块的时候自动引入node.js核心模块的 polyfills，而 webpack 5 开始不再自动引入这些 polyfills，而会专注于前端模块兼容，提高 web 平台的兼容性，node模块本来就不是为浏览器设计的，这样还可以缩减体积，下例中，webpak4 webpack5 都将引入 crypto-js 模块

  import Crypto from "crypto"
  console.log(Crypto.MD5('123'));
  

  webpack4 的结果，1.45 MiB
  
  webpack5 的结果，只会有2.31kb ，并且会报错
  
  根据报错提示修改即可，webpack配置中加入

  module.exports =