webpack构建Vue+ElementUI单页面应用（2）——babel基础配置

• 安装babel

  本文的webpack版本为webpack4,所以babel中文翻译网有专门的cli安装说明，按照说明配置就ok了

npm install --save-dev babel-loader babel-core

• 在webpack中使用

/*webpack.conf.dev.js*/
module: {
  rules: [
    { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }      //rules中添加上babel-loader
  ]
}

• 在根目录下创建.babelrc 配置文件

然已经配置好了 Babel ，但并没有让它真正生效。在项目的根目录中创建一个 .babelrc 文件并启用一些插件

首先，你可以使用转换 ES2015+ 的 env preset 。

npm install babel-preset-env --save-dev

为了让 preset 生效，你需要像下面这样定义你的 .babelrc 文件

{
  "presets": ["env"]
}