首页 > Web开发 > 详细

189.gulp创建处理css文件任务

时间:2020-03-01 00:57:11      阅读:102      评论:0      收藏:0      [点我收藏+]

在cmd窗口执行命令:npm install gulp-cssnano,该插件为npm管理的一个包,其实npm就相当于是Python中的pip,pip是Python包的管理工具,而npm就是node包的管理工具。

对于css文件的处理,主要就是将文件进行压缩,对css文件进行压缩只是依靠gulp包还是不能进行的,同样需要一个gulp的插件,gulp-cssnano,该插件可以将css文件进行压缩的处理。

具体的示例代码如下:

var gulp = require('gulp');
var cssnano = require('gulp-cssnano');

//创建一个名为css的任务,赋予该任务一个匿名函数
gulp.task('css', function() {
    //将源文件在/js/所有js文件进行以下相关处理
    gulp.src('./css/*.css')
    //将源文件通过pip流传送给cssnano这个处理器
    .pipe(cssnano())
    //将处理过的文件放到目的文件夹中,这就使用到了gulp内置的函数gulp.dest(),可以将文件放到目的地
    .pipe(gulp.dest('./dist/css/'))
});

189.gulp创建处理css文件任务

原文:https://www.cnblogs.com/guyan-2020/p/12387330.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!