本人在初次使用gulp时遇到的问题后,总结出的解决方法
在gulpfile.js文件中
var babel = require("gulp-babel");
//压缩js
gulp.task('js', () => {
gulp.src(['simplebootx-gulp/src/*.js', 'simplebootx-gulp/src/**/*.js', 'simplebootx-gulp/src/**/**/*.js', 'simplebootx-gulp/src/**/**/**/*.js'])
.pipe(babel())
.pipe(uglify({
compress: true
}))
.pipe(gulp.dest('simplebootx-gulp/dist'));
});
在命令行中执行gulp会出现这种报错
$ gulp dev
Error: Couldn't find preset "es2015" relative to directory
解决方法:
1.安装ES2015转码规则
$ npm install --save-dev babel-preset-es2015
2.在“package.json”文件中检查是否已经安装
"devDependencies": {
"babel-core": "^6.26.0",
"babel-preset-es2015": "^6.24.1",
"browser-sync": "^2.23.6",
"del": "^3.0.0",
"gulp": "^3.9.1",
"gulp-autoprefixer": "^5.0.0",
"gulp-babel": "^7.0.1",
"gulp-base64": "^0.1.3",
"gulp-cache": "^1.0.2",
"gulp-clean-css": "^3.9.3",
"gulp-css-base64": "^1.3.4",
"gulp-htmlmin": "^4.0.0",
"gulp-imagemin": "^4.1.0",
"gulp-img64": "0.0.6",
"gulp-jsonminify2": "^1.0.2",
"gulp-pngquant": "^1.0.12",
"gulp-rename": "^1.2.2",
"gulp-sass": "^3.2.1",
"gulp-uglify": "^3.0.0",
"imagemin-pngquant": "^5.1.0"
}
3.重新执行gulp
$ gulp dev
成功...