作者:捕鱼达人2602906405 | 来源:互联网 | 2023-05-17 10:54
Istartedaprojectwith[RDashangulardashboard][1]whichusinggulp.thisisthefirsttimeIwor
I started a project with [RDash angular dashboard][1]
which using gulp. this is the first time I work with gulp and the problem is that while I'm working locally I can't debug because it minify css/js/html files.
我用[RDash角度仪表板] [1]开始了一个使用gulp的项目。这是我第一次使用gulp,问题是当我在本地工作时我无法调试,因为它缩小了css / js / html文件。
How can I prevent from gulp to minify while working locally?
如何在本地工作时防止吞咽缩小?
Here is what I have on gulpfile.js:
这是我在gulpfile.js上的内容:
var gulp = require('gulp'),
usemin = require('gulp-usemin'),
wrap = require('gulp-wrap'),
cOnnect= require('gulp-connect'),
watch = require('gulp-watch'),
minifyCss = require('gulp-minify-css'),
minifyJs = require('gulp-uglify'),
cOncat= require('gulp-concat'),
less = require('gulp-less'),
rename = require('gulp-rename'),
minifyHTML = require('gulp-minify-html');
var paths = {
scripts: 'src/js/**/*.*',
styles: 'src/less/**/*.*',
images: 'src/img/**/*.*',
templates: 'src/templates/**/*.html',
index: 'src/index.html',
bower_fonts: 'src/components/**/*.{ttf,woff,eof,svg}',
};
/**
* Handle bower components from index
*/
gulp.task('usemin', function() {
return gulp.src(paths.index)
.pipe(usemin({
js: [minifyJs(), 'concat'],
css: [minifyCss({keepSpecialComments: 0}), 'concat'],
}))
.pipe(gulp.dest('dist/'));
});
/**
* Copy assets
*/
gulp.task('build-assets', ['copy-bower_fonts']);
gulp.task('copy-bower_fonts', function() {
return gulp.src(paths.bower_fonts)
.pipe(rename({
dirname: '/fonts'
}))
.pipe(gulp.dest('dist/lib'));
});
/**
* Handle custom files
*/
gulp.task('build-custom', ['custom-images', 'custom-js', 'custom-less', 'custom-templates']);
gulp.task('custom-images', function() {
return gulp.src(paths.images)
.pipe(gulp.dest('dist/img'));
});
gulp.task('custom-js', function() {
return gulp.src(paths.scripts)
.pipe(minifyJs())
.pipe(concat('dashboard.min.js'))
.pipe(gulp.dest('dist/js'));
});
gulp.task('custom-less', function() {
return gulp.src(paths.styles)
.pipe(less())
.pipe(gulp.dest('dist/css'));
});
gulp.task('custom-templates', function() {
return gulp.src(paths.templates)
.pipe(minifyHTML())
.pipe(gulp.dest('dist/templates'));
});
/**
* Watch custom files
*/
gulp.task('watch', function() {
gulp.watch([paths.images], ['custom-images']);
gulp.watch([paths.styles], ['custom-less']);
gulp.watch([paths.scripts], ['custom-js']);
gulp.watch([paths.templates], ['custom-templates']);
gulp.watch([paths.index], ['usemin']);
});
/**
* Live reload server
*/
gulp.task('webserver', function() {
connect.server({
root: 'dist',
livereload: true,
port: 8888
});
});
gulp.task('livereload', function() {
gulp.src(['dist/**/*.*'])
.pipe(watch())
.pipe(connect.reload());
});
/**
* Gulp tasks
*/
gulp.task('build', ['usemin', 'build-assets', 'build-custom']);
gulp.task('default', ['build', 'webserver', 'livereload', 'watch']);
1 个解决方案