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.完成