gulp使用babel的坑

首先安裝gulp-babel

發現gulp-babel沒有安裝上，package.json里面沒有記錄依賴

** 然后重裝一下就安上了

接下來，在gulpfile.js里面寫下這段配置

var gulp = require("gulp");
var babel = require("gulp-babel");

gulp.task('default', function() {
    gulp.src("./a.js")
        .pipe(babel({
            presets: ['es2015']
        }))
        .pipe(gulp.dest("./dest"))
})

執行命令行gulp命令 Error: Cannot find module '@babel/core'

顯示模塊找不到！！

網上百度一下，說是gulp-babel的版本問題

我這里是8.0的版本，需要重新安裝成7.0的版本

於是我打算卸載重新安裝

繼續報錯那個模塊找不到，我卸載你都找不到。。。。。后來發現自己寫的gulp uninstall，是npm uninstall 啊！！！

那繼續卸載吧

發現卸載之后，package.json依然記錄有這個模塊

原來的加上參數

• -S, –save：dependencies

• -D, –save-dev：devDependencies

• -O, –save-optional：optionalDependencies

繼續卸載一遍

 終於沒有了

 

重新安裝7.0的版本，執行gulp后   Error: Cannot find module 'babel-core'

沒有找到這個模塊，ok，我安裝一下

 

 安裝完成之后，執行gulp

猛然想起之前百度的時候手殘創建的.babelrc文件

刪除之后，在gulp

 

成功轉換es6

                                     

 至此，終於可以使用gulp-babel安裝了！！！