webpack5打包生成JS文件，里面有箭头函数和const

背景

webpack5打包生成JS文件，里面有箭头函数和const

解决方案

告诉 webpack 在生成的运行时代码中可以使用哪个版本的 ES 特性。 把const: true, 设置为false arrowFunction: true 设置为false

module.exports = {
  output: {
    environment: {
      // The environment supports arrow functions ('() => { ... }').
      arrowFunction: true,
      // The environment supports BigInt as literal (123n).
      bigIntLiteral: false,
      // The environment supports const and let for variable declarations.
      const: true,
      // The environment supports destructuring ('{ a, b } = obj').
      destructuring: true,
      // The environment supports an async import() function to import EcmaScript modules.
      dynamicImport: false,
      // The environment supports 'for of' iteration ('for (const x of array) { ... }').
      forOf: true,
      // The environment supports ECMAScript Module syntax to import ECMAScript modules (import ... from '...').
      module: false,
    },
  },
};