gulp js和css不起作用

时间:2017-03-13 05:47:19

标签: javascript gulp gulp-uglify

我正在使用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与此项目完全相同,但效果很好。

这是我的分析结果

enter image description here

仅显示.html文件

这是旧项目,gulpfile.js与新项目相同

enter image description here

  

问题解决,错过了   <!-- build:css(app) css/main.css --> <!-- endbuild -->   在index.html

0 个答案:

没有答案