Node.js webpack babel

问题：
高级语法，webpack不支持，需要babel来转换

class Person {
  static info = 'aaa'
}

1.安装转换器

npm i -d babel-loader @babel/core @babel/runtime

2.安装babel语法

npm i -d @babel/preset-env @babel/plugin-transform-runtime  @babel/plugin-proposal-class-properties

3.创建 babel 配置文件 babel.config.js

module.exports = { 
  presets: [ '@babel/preset-env' ], 
  plugins: [ '@babel/plugin-transform-runtime', '@babel/plugin-proposal-
class-properties’ ] 
}

4.在 webpack.config.js 的 module -> rules 数组中，添加 loader 规则

// exclude 为排除项，表示 babel-loader 不需要处理 node_modules 中的 js 文件,只转换自己写的代码
{ test: /\.js$/, use: 'babel-loader', exclude: /node_modules/ }