导读
默认的gulp打包编译,是不支持es6
语法,所以我们需要引入babel
进行转换编译
步骤
- 安装es6转es5所需要的所有
npm依赖包
// babel 依赖的包 但是看babel官方说并没有依赖这个如果不安装会报错
npm install babel-core --save-dev
// 转码所需要的模板
npm install babel-preset-env --save-dev
// babel转码的核心包这里安装7的版本如果不写默认安装8.0.0的版本
//但是在npm上看到的是最新版本是7的 如果安装了8的版本会一直报找不到babel-core的错误
npm install gulp-babel@7 babel-core --save-dev
// 用非严禁模式编译
npm install babel-plugin-transform-remove-strict-mode --save-dev
目前npm上的babel最新的版本只有7.0.1,但是安装的版本是8.0的版本这样会报找不到babel-core的错误
- 在根目录下面创建一个
.babelrc
文件这个文件是babel的配置文件,就是和gulpfile.js同级
的文件夹下面,编写如下内容:
{
"presets": [