gulp使用gulp-babel时报错Cannot find module 'gulp-babel'解决步骤
gulp报错文件
解决办法: cnpm install --save-dev gulp-babel
解决办法:
1.安装es6转es5所需要的包
// 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
2.在gulpfile.js同级目录下新建一个配置文件.babelrc,内容如下:
{ "presets": [ [ "env", { "modules": false } ] ], "plugins": ["transform-remove-strict-mode"] }
3.gulpfile.js中引入babel
const babel = require('gulp-babel')
4.转换js代码
const { src, dest } = require('gulp');
const babel = require('gulp-babel');
exports.default = function() {
return src('src/*.js')
.pipe(babel())
.pipe(dest('output/'));
}
5.执行gulp命令
6.完成