我正在使用gulp
打包我的项目,我发现.js
和.css
文件没有出现在dist
中,似乎过滤器找不到文件或其他东西。
这是我的gulpfile.js
var gulp = require('gulp');
var gulpLoadPlugins = require('gulp-load-plugins');
var plugins = gulpLoadPlugins();
var rubySass = require('gulp-ruby-sass');
var sourcemaps = require('gulp-sourcemaps');
gulp.task('build', ['coffee','styles','fonts','images','html','transJson','venderStyle','xmlStyle'], function () {
var htmlFilter = plugins.filter('*.html',{restore: true});
var jsFilter = plugins.filter('**/*.js',{restore: true});
var cssFilter = plugins.filter('**/*.css',{restore: true});
var assets;
return gulp.src('app/index.html')
.pipe(assets = plugins.useref.assets())
.pipe(plugins.rev())
.pipe(jsFilter)
.pipe(plugins.uglify())
.pipe(jsFilter.restore)
.pipe(cssFilter)
.pipe(plugins.autoprefixer({
browsers: ['> 0%'],
cascade: false
}))
.pipe(plugins.csso())
.pipe(cssFilter.restore)
.pipe(assets.restore())
.pipe(plugins.useref())
.pipe(plugins.revReplace())
.pipe(htmlFilter)
.pipe(plugins.minifyHtml({
empty: true,
spare: true,
quotes: true,
conditionals: true
}))
.pipe(htmlFilter.restore)
.pipe(gulp.dest('dist'))
});
gulp.task('clean', require('del').bind(null, [ 'dist']));
gulp.task('default', ['clean'], function () {
gulp.start('build');
});
运行gulp
后,dist
文件夹未附加.js
或.css
文件
奇怪的是,另一个项目gulpfile.js
与此项目完全相同,但效果很好。
这是我的分析结果
仅显示.html
文件
这是旧项目,gulpfile.js
与新项目相同
问题解决,错过了
<!-- build:css(app) css/main.css -->
<!-- endbuild -->
在index.html