2024年09月19日 建站教程
vue项目开发中，如何把es6语法全部转为es5语法？下面web建站小编给大家简单介绍一下具体实现步骤！
1、安装Babel脚手架
npm install babel-core babel-loader --save-dev
2、配置Babel
在.babelrc文件中新增以下规则
{
"presets": ["env"]
}
3、配置webpack
在webpack.base.conf.js，在module.rules中添加以下规则
{
test: /.js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['env']
}
}
}
4、下面可以正式测试使用了
//新建test.js
const name = "小米";
const sex = "男";
console.log(`${name}, ${sex}!`);
引入到vue模板，运行npm run dev就可以了！
本文链接：http://so.lmcjl.com/news/13385/