1.将es6代码转为es5 v8主流浏览器引擎使用
npm install --save-dev babel-loader@5.4.1
babel --version //注意是两个- ,查看版本
2.使用
————1.配置.babelrc
在项目根目录写
{
"presets": ["es2015"],
"plugins":[]
}
——— 2.安装转码器,可以把es6 转为es5
npm install --save-dev babel-preset-es2015
——— 3.创建src目录放个es6的语法的js dist会产生新的文件
babel src -d dd //dd是生成的文件夹名,-原来的文件名不变,src是整个目录转码
3.自动化脚本(不用记代码)
– 1.在package.json的scripts的test/dev
的值写上 babel src -d dist --presets es2015 (src必须要存在)
!!!坑在版本6.0不指定不编译import
– 2.npm run dev //直接编译
4.es6的导入导出
写法1:
export function aa(){
console.log("aaaa")
}
import {aa} from './ex1.js'
//是解构,所以要与函数名一一对应,这里是另外一个js文件进行导入
aa()
写法2:
//注意不写function了
export default{
aa(){
console.log("aaaa")
}
}