使用gulp-clean-css和gulp-rename
示例
首先，安装gulp，gulp-clean-css并gulp-rename在本地项目目录中
npm install --save-dev gulp gulp-clean-css gulp-rename
比将以下minify-css任务添加到您的gulpfile.js
var gulp = require('gulp');
var cleanCSS = require('gulp-clean-css');
var rename = require('gulp-rename');
gulp.task('minify-css', function() {
return gulp.src('css/dist/dist.css')
.pipe(cleanCSS())
.pipe(rename('dist.min.css'))
.pipe(gulp.dest('css/dist'));
});
gulp.task('watch', function(){
gulp.watch('css/dist/**/*.css', ['minify-css']);
// 其他观察者
});
gulp.task('default', ['minify-css', 'watch']);
在这里执行文件的缩小并将其重命名为.pipe(cleanCSS())css/dist/dist.css.pipe(rename('concat.min.css'))dist.min.css
-
请务必理解如下章节后阅读此章节： 安装 Node 和 gulp 使用 gulp 压缩 JS 访问论坛获取帮助 压缩 css 代码可降低 css 文件大小，提高页面打开速度。 我们接着将规律转换为 gulp 代码 规律 找到 css/ 目录下的所有 css 文件，压缩它们，将压缩后的文件存放在 dist/css/ 目录下。 gulp 代码 你可以 下载所有示例代码 或 在线查看代码 当熟悉 使用 g
-
gulp-local-css是局部css的gulp实现插件。 为css选择器添加属性选择器，及html添加属性，实现样式组件化。 css /* 处理前 */body { /*global*/ background: #333;}h1 { font-size: 100px;}/* 处理后 */body { /*global*/ background: #333;}h1[
-
这篇快速上手指南将教你如何使用Gulp构建TypeScript，和如何在Gulp管道里添加Browserify，uglify或Watchify。 本指南还会展示如何使用Babelify来添加Babel的功能。 这里假设你已经在使用Node.js和npm了。 我们首先创建一个新目录。 命名为proj，也可以使用任何你喜欢的名字。 mkdir proj cd proj 我们将以下面的结构开始我们的工程
-
更改历史 * 2017-11-12 杨海月 增加xxx内容，更改xxx内容，删除xxx内容 * 2017-11-01 胡小根 初始化文档 第一章 历史、现状及发展 1.1 gulp历史 gulp是前端开发过程中一种基于流的 代码构建工具 ，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用它，不仅可
-
问题内容： 我想遍历一个对象，并在每次迭代时将文件路径数组传递给gulp.src，然后对这些文件进行一些处理。下面的代码仅用于说明目的，因为return语句会在第一次通过时终止循环，因此实际上将无法工作。 这是基本思想。有关如何执行此操作的任何想法？ 问题答案： 我能够使用合并流实现这一目标。如果有人感兴趣，这里是代码。这个想法是在循环内创建一个流数组，并在完成迭代后合并它们：
-
无论是 node-sass 还是 ruby-sass 使用 npm 安装都非常的慢，甚至会装不上。及其不利于团队协作。建议使用 less 作为 css 预处理器。 如果因为 less 不支持自定义函数选择用 sass 可以使用 less-plugin-functions 让 less 支持自定义函数。 gulp-sass 本章使用的是 ruby-sass 如果你不方便安装 ruby 或编译速度慢，