babel的作用
babel是一个代码编译的工具,在开发的时候,在js中用了一些es6的语法,这些在打包的时候是不会转化为浏览器识别的语法,这时候需要用到babel这个工具,对代码进行编译和转化。
bable的使用
1、第一步安装 bable工具
npm install @babel/core -D
2.webpack使用babel工具,需要用到响应的loader,第二步安装loader
npm install babel-loader -D
3、安装完loader以后还要安装@babel/preset-env,这个是用来把es6的相关代码转为浏览器识别语言的相关插件的预设, 如果不安装这个包,还是不能把相关语言转化成功
安装命令 npm install @babel/preset-env -D
4、安装完成以后在webpack.config.js文件中进行相关的配置
具体配置如下,上代码