gulp有没有插件可以把js,css文件的内容合并到html页面中

html-css06

gulp有没有插件可以把js,css文件的内容合并到html页面中,第1张

gulp-cheerio 差=插件可以

gulp.task('indexHtml', function() {

return gulp.src('index.html')

.pipe(cheerio(function ($) {

$('script').remove()

$('link').remove()

$('body').append('<script src="app.full.min.js"></script>')

$('head').append('<link rel="stylesheet" href="app.full.min.css">')

}))

.pipe(gulp.dest('dist/'))

})

可以这样的写法:

return gulp.src(['js/common.js','js/**/*.js'])

.pipe(concat('build.js'))//合成到一个js

.pipe(gulp.dest(buildBasePath+'js'))//输出到js目录

.pipe(uglify())//压缩js到一行

.pipe(concat('build.min.js'))//压缩后的js

.pipe(gulp.dest(buildBasePath+'js'))//输出到js目录