gulp使用babel的坑:使用babel後js並沒有壓縮 未更新

在使用gulp進行對項目文件的壓縮時,出現了es6語法轉化未es5後進行壓縮js,並沒有按照設置的生成預期出現的minjs,以及更新相應的js文件。
問題:經過網上查詢資料以及反覆嘗試,發現是npm發佈的gulp-babel版本問題,他並不會報錯,僅僅是不更新壓縮文件。
解決方法:

  • 首先查看自身的package.json文件發現當前babel版本爲8,而我們的插件使用版本爲7。此時需要對當前版本的babel進行卸載
sudo npm uninstall gulo-babel -D

在這裏插入圖片描述

  • 卸載完畢後在進行安裝版本號爲7的,可以參考官網https://www.npmjs.com/package/gulp-babel
  • 此時進行安裝gulp-babel
npm install --save-dev gulp-babel@7 babel-core babel-preset-env
  • 安裝完畢後再對js進行壓縮處理
gulp.task('minjs', () => {
    return gulp.src(src_js+'/**/*.js')
        .pipe(babel({
            presets: ['es2015']
        }))
        .pipe(uglify())
        .pipe(gulp.dest(dest_js));
});

此時成功了
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章