我使用gulp
打包我的应用程序。但我只得到index.html
作为输出。
我无法看到vendar.js,app.js
文件中添加了css
文件的所有index.html
个文件。
我的期望是:
从index.html
href和src获取所有文件。从那里按照串口压缩它在索引文件中的内容并发送到dest文件夹。
这是我的代码:
var gulp = require("gulp");
var ghtmlSrc = require('gulp-html-src');
var templateCache = require("gulp-angular-templatecache");
var gulpif = require('gulp-if');
var ngAnnotate = require('gulp-ng-annotate');
var minifyCss = require('gulp-minify-css');
var useref = require('gulp-useref');
var uglify = require('gulp-uglify');
gulp.task('templates', function() {
return gulp.src('./WebContent/src/**/*.html')
.pipe(templateCache({
root:'src/',
module: 'newPCSApp.templates',
standalone: true
}))
.pipe(gulp.dest('WebContent/src/app/'));
});
gulp.task('compress', function() {
return gulp.src('./WebContent/index.html')
.pipe(useref())
.pipe(gulpif('*.js', ngAnnotate()))
.pipe(gulpif('*.js', uglify({ mangle: false })))
.pipe(gulpif('*.css', minifyCss()))
.pipe(gulp.dest('./dist'));
});
gulp.task('build',['templates', 'compress' ]);
答案 0 :(得分:0)
将注释行添加到html文件后,问题已修复。
<!--build:css css/style.min.css --> <!-- endbuild -->
<!-- build:js js/vendor.min.js --> <!-- endbuild -->
<!-- build:js js/app.min.js --> <!-- endbuild -->