Vue .babelrc配置

在VUE開發過程當中。須要使用babel來說ES6及其以上的語法轉化成能夠被是識別的語法。所以須要使用：babel-loader.

babel-loader7.x 須要使用的插件 以及.babelrc 文件中的內容

npm i -D babel-core babel-loader babel-plugin-transform-runtime
npm i -D babel-preset-env babel-preset-stage-0

{
  "presets": ["env", "stage-0"],
  "plugins": [
    "transform-runtime"
  ]
}

babel-loader8.x 須要使用的插件。以及.bablerc文件中的內容

npm i @babel/core babel-loader @babel/plugin-transform-runtime @babel/plugin-proposal-object-rest-spread -D
npm i @babel/preset-react @babel/preset-env babel-preset-mobx -D
npm i @babel/runtime -S

{
  "presets": ["@babel/preset-react", "@babel/preset-env", "babel-preset-mobx"],
  "plugins": [
    "@babel/plugin-transform-runtime",
    "@babel/plugin-proposal-object-rest-spread",
    "transform-remove-strict-mode" // 去除嚴格約束時使用
  ]
}
// babelrc爲json文件不能夠有注

報錯：

"use strict" 使用插件 babel-plugin-transform-remove-strict-mode  以後在.babelrc中加上

'@babel/core' 就是babel-loader和babel-core的版本不匹配。