安装：
$ npm install gulp-useref --save-dev使用：
var gulp = require('gulp'); var useref = require(‘gulp-useref‘); gulp.task(‘useref‘, function(){ return gulp.src(‘app/*.html‘) .pipe(useref()) .pipe(gulp.dest(‘dist‘)); });在html中需要指明合并后的文件例如：
<html> <head> <!-- build:css css/combined.css --> <link href="css/one.css" rel="stylesheet"> <link href="css/two.css" rel="stylesheet"> <!-- endbuild --> </head> <body> <!-- build:js scripts/combined.js --> <script type="text/javascript" src="scripts/one.js"></script> <script type="text/javascript" src="scripts/two.js"></script> <!-- endbuild --> </body> </html> <!-- The resulting HTML would be: --> <html> <head> <link rel="stylesheet" href="css/combined.css"/> </head> <body> <script src="scripts/combined.js"></script> </body> </html>执行gulp任务后将在dist目录下生成两个目录，分别是css和js。在css目录下存放着combined.css ，js目录下存放着combined.js。
程序员青戈 认证博客专家 Java 架构 博客专家 Java程序员，5年一线大厂实战经验。关注我的原创微信公众号「Java学习指南」，回复「面试」可获取大厂通关面试题解一套。