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