使用babel-loader编译ES6语法

安稳与你 提交于 2019-12-05 01:06:20
  1. 了解babel

目前,ES6(ES2015)这样的语法已经得到很大规模的应用,它具有更加简洁、功能更加强大的特点,实际项目中很可能会使用采用了ES6语法的模块,但浏览器对于ES6语法的支持并不完善。为了实现兼容,就需要使用转换工具对ES6语法转换为ES5语法,babel就是最常用的一个工具

 转换

babel转化语法所需依赖项:

babel-loader: 负责 es6 语法转化

babel-core: babel核心包

babel-preset-env:告诉babel使用哪种转码规则进行文件处理

 

2.安装依赖

npm install babel-loader @babel/core @babel/preset-env --save-dev

 

3.配置config文件

 

exclude表示不在指定目录查找相关文件

 

4.根目录新建 .babelrc 文件配置转换规则

 

 

 

5.另一种规则配置

 

 

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!