1、由于目前ES6还不能很好的支持目前常见的浏览器,所以在打包的时候将ES6的代码转换为ES5,转换时可以通过babel进行转换;

2、官网说明:

Vue学习笔记之Es6转ES5的babel应用

3、环境配置,为了更好地匹配项目环境,我这边安装的是7的版本:cnpm install --save-dev [email protected] babel-core babel-preset-es2015

Vue学习笔记之Es6转ES5的babel应用

可以使用 options 属性 来给 loader 传递选项:

Vue学习笔记之Es6转ES5的babel应用

4、重新编译后,发现编译后的js文件中,没有了ES6中的const,全部通过ES5的var进行了替换,已经成功将ES6语法转为ES5的语法:Vue学习笔记之Es6转ES5的babel应用

 

 

相关文章:

  • 2022-12-23
  • 2021-11-15
  • 2021-12-21
  • 2022-12-23
  • 2021-08-13
  • 2022-12-23
  • 2021-10-16
  • 2022-12-23
猜你喜欢
  • 2021-11-01
  • 2022-12-23
  • 2021-11-15
  • 2021-04-16
  • 2022-12-23
  • 2022-12-23
  • 2022-03-05
相关资源
相似解决方案