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