寫js的時候會寫一些es5的代碼,但是打包到dist時,發(fā)現(xiàn)不支持語法,怎么辦呢。
兩步添加es5支持:
一、使用npm下載安裝babel,進(jìn)入gulpfile.js所在目錄。
$ npm install --save-dev gulp-babel @babel/core @babel/preset-env
二、修改gulpfile.js代碼2個地方。
var gulp = require('gulp'); var babel = require('gulp-babel'); // 添加這段代碼 // ... //壓縮 JS minjs: function(){ // 修改下面這段代碼 return gulp.src(src).pipe(babel({ presets: ['@babel/env'] })).pipe(uglify()) .pipe(header.apply(null, note)) .pipe(gulp.dest(destDir + '/layuiadmin')); }
然后就可以像之前一樣輸入gulp 即可完成 src 到 dist 目錄的構(gòu)建。