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

2024年06月13日 建站教程

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'
      }
    }]
  }
}

本文链接:http://so.lmcjl.com/news/6493/

展开阅读全文
相关内容