2016-12-02 93 views
0

这是我gulpfile:咕嘟咕嘟忽略输入文件

// including plugins 
var gulp = require('gulp') 
, rename = require('gulp-rename') 
, uglify = require("gulp-uglify") 
, cssmin = require("gulp-cssmin"); 

// task css 
gulp.task('minify-css', function() { 
    gulp.src([ 
     './www/assets/css/bootstrap.min.css', 
     './www/assets/css/admin.css', 
     '!./www/assets/css/build.min.css' 
    ]) 
    .pipe(cssmin()) 
    .pipe(rename('build.min.css')) 
    .pipe(gulp.dest('./www/assets/css')); 
}); 

// task js 
gulp.task('minify-js', function() { 
    gulp.src([ 
     './www/assets/js/jquery.min.js', 
     './www/assets/js/boostrap.min.js', 
     './www/assets/js/vue.min.js', 
     './www/assets/js/vue-resource.min.js', 
     './www/assets/js/MiniModel.js', 
     './www/assets/js/AdminUsers.js', 
     '!./www/assets/js/build.min.js' 
    ]) 
    .pipe(uglify()) 
    .pipe(rename('build.min.js')) 
    .pipe(gulp.dest('./www/assets/js')); 
}); 

gulp.task('default', ['minify-css', 'minify-js']); 

运行后./node_modules/.bin/gulp输出为:

  1. build.css只有admin.css
  2. build.js只有AdminUsers.js

为什么在输出中缺少大量源文件?

更多细节: Ubuntu的:14.10 节点版本:v0.10.25 咕嘟咕嘟版本:3.9.1

UPDATE1:使用index.html中林这样的:

<script type="text/javascript" src="/mini-vue/www/assets/js/build.min.js"></script> 
<script type="text/javascript"> 
    var usersmodel = new MiniModel(Vue, 'users', '/mini-vue/www/'); 
    var adminusers = new AdminUsers(Vue, usersmodel); 
    adminusers.reload(1); 
</script> 

回答

0

试使用这个

var minifyCSS = require('gulp-minify-css'), 
    minifyJS = require('gulp-minify'), 
    concat = require('gulp-concat'), 
    uglify = require('gulp-uglify'), 

gulp.task('minify-js', function() { 
    return gulp.src('./www/assets/js/**/*.js') 
    .pipe(minifyJS()) 
    .pipe(concat('build.min.js')) 
    .pipe(uglify({ mangle: false })) 
    .pipe(gulp.dest('./www/assets/js')); 
}); 

gulp.task('minify-css', function() { 
    return gulp.src('./www/assets/css/**/*.css') 
    .pipe(minifyCSS()) 
    .pipe(concat('build.min.css')) 
    .pipe(gulp.dest('./www/assets/css')); 
}); 

gulp.task('default', ['minify-css', 'minify-js']); 
+0

使用你的gulpfile,它似乎包括所有的js文件,尽管我得到了2错误:1.错误:Bootstrap的JavaScript需要jQuery build.min.js:1:5014 ...和2:ReferenceError:Vue未定义。我已经更新了这个问题以显示我如何使用这些库。 –

+0

这可能是文件排序的问题 – Sujithrao