32 Babel配置

Babel配置

通過Babel，可以將es6高級語法轉換爲較低級的語法。

1 本地安裝

npm i -D @babel/core
npm install --save-dev @babel/plugin-transform-runtime
npm install --save @babel/runtime

npm i @babel/preset-env
npm i babel-preset-mobx

2 修改webpack.config.js

module: {
    rules: [
      // 第三方模塊正則匹配規則
      {
        test: /\.js$/,
        use: "babel-loader",
        // 不轉換node_modules下面的包
        exclude: /node_modules/
      }
    ]
  },

3 新建.babelrc文件

{
  "presets": ["@babel/preset-env", "mobx"],
  "plugins": ["@babel/plugin-transform-runtime"]
}