vue项目中如何配置babel转换代码

babel是一个社区驱动的JavaScript编译器，可以将新版本的JavaScript代码转换成ES5代码，保证代码在浏览器中流畅运行。下面编程教程网小编给大家简单介绍一下！

安装Babel

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

//babel-core：Babel的核心模块。
//babel-loader：Babel与webpack打包工具集成所需的模块。
//babel-preset-env：将ES6+代码转换为ES5语法所需的模块。

编写.babelrc文件

{
  "presets": ["env"]
}

配置webpack中的Babel

module.exports = {
  module: {
    rules: [{
      test: /.js$/,
      exclude: /node_modules/,
      use: {
        loader: 'babel-loader'
      }
    }]
  }
}

以上是编程学习网小编为您介绍的“vue项目中如何配置babel转换代码”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。