【发布时间】:2016-11-12 08:03:00
【问题描述】:
我正在尝试从 bower_components 获取所有文件并将它们压缩到文件中,例如 vendor.js 和 vendor.css。
执行命令 glup vendor-build 时没有错误。有什么我做错了吗?我从另一个 stackoverflow 问题中得到了脚本。我尝试进行更多搜索以使我的脚本正常工作,但找不到任何东西。我知道我错过了一些错误。
项目目录结构
gulpfile.js
var gulp = require('gulp');
// define plug-ins
var flatten = require('gulp-flatten');
var gulpFilter = require('gulp-filter');
var uglify = require('gulp-uglify');
var minifycss = require('gulp-minify-css');
var rename = require('gulp-rename');
var mainBowerFiles = require('main-bower-files');
var concat = require('gulp-concat');
// Define paths variables
var dest_path = 'app/static';
gulp.task('vendor-build', function() {
var jsFilter = gulpFilter('*.js', {restore: true});
var cssFilter = gulpFilter('*.css', {restore: true});
var fontFilter = gulpFilter(['*.eot', '*.woff', '*.svg', '*.ttf']);
return gulp.src(mainBowerFiles())
.pipe(jsFilter)
.pipe(concat('vendor.js'))
.pipe(uglify())
.pipe(rename({
suffix: ".min"
}))
.pipe(gulp.dest(dest_path + '/js'))
.pipe(jsFilter.restore)
.pipe(cssFilter)
.pipe(concat('vendor.css'))
.pipe(minifycss())
.pipe(rename({
suffix: ".min"
}))
.pipe(gulp.dest(dest_path + '/css'))
.pipe(cssFilter.restore)
.pipe(fontFilter)
.pipe(flatten())
.pipe(gulp.dest(dest_path + '/fonts'));
});
【问题讨论】: