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

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

安装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全局动态添加meta属性（title,keywords,description）

vue语法中$router和$route有什么不同？附示例代码

vue中的render函数的代码示例

vue前端如何埋点，代码介绍

vue语法中双击事件和单击事件出现冲突怎么解决

标签： Babel, babel转换代码, babel配置, vue语法

上面是“vue项目中如何配置babel转换代码”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4870.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！