babel的用途
目前,ES6的语法已经得到了大规模的应用,它具有功能更加强大,更加简洁的特点。在实际项目中,我们可能采用了ES6语法的模块,但是浏览器对于ES6语法的支持并不完善,为了实现兼容,就需要使用转换工具,把ES6语法转换为ES5语法,babel就是最常用的一个工具。
babel转化语法需要的依赖项
- babel-loader:负责ES6语法转换
- babel-core:babel核心包
- babel-preset-env:告诉babel使用哪种转码规则进行文件处理
使用babel-loader编译ES6语法具体步骤:
1.打开终端,进入到项目文件夹的路径,安装依赖。
输入命令:cnpm install babel-loader @babel/core @babel/preset-env --save-dev
2.配置webpack.config.js文件
在webpack.config.js里的module里的rules里写:
{
test:/\.js$/,
exclude: