美文网首页
常用的插件

常用的插件

作者: 第七空城 | 来源:发表于2017-07-08 18:11 被阅读0次

合并HTML:

npm install gulp-html-import

gulpfile.js内容如下:
var  gulp = require('gulp');
var gulpImport = require('gulp-html-import');

gulp.task('import', function () {
    gulp.src('./demo/index.html')
        .pipe(gulpImport('./demo/components/'))
        .pipe(gulp.dest('dist'));
})

css压缩插件:gulp-minify-css



gulpfile.js内容如下:
var gulp = require('gulp'),
minifyCss = require("gulp-minify-css");   //分别获取gulp和gulp-minify-css这两个框架
  
gulp.task('minify-css', function () {   //定义任务,包括任务名和任务的内容
    gulp.src('css/*.css')          //要压缩的css文件
    .pipe(minifyCss())            //压缩css
    .pipe(gulp.dest('dist/css'));    //压缩后文件保存的位置
});

相关文章

网友评论

      本文标题:常用的插件

      本文链接:https://www.haomeiwen.com/subject/dfrjhxtx.html