fd-gulp-cssconcat

fd-gulp-cssconcat任务是根据指定的书写规则来将当前文件中引入的css进行合并。

用法

cssConcat(srcDir [,opt]);

例子

var gulp = require('gulp');
var cssConcat = require('fd-gulp-cssconcat');

gulp.task('cssConcat', function() {
	return gulp.src('D:/wwwroot/workspace/fd-gulp-cssconcat/test/style_test/**/*.css')
		.pipe(cssConcat('D:/wwwroot/workspace/fd-gulp-cssconcat/test/style_test'))
		.pipe(gulp.dest('./output'));
});

参数

srcDir（必填）: 'D:/wwwroot/workspace/fd-gulp-jsconcat/test/style_test'  // 要合并的文件目录
opt（选填）: {
	domain: 'http://style.c.aliimg.com/', // 配置merge文件中的css文件的域名
	localCommonDir: 'D:/wwwroot/workspace'   // 配置公共资源（fdevlib/sys）在本地的目录，配置后，合并任务会优先在本地找fdevlib/sys资源
}

合并规则

• 一行一个import
• 路径可以使用完整的URL或者相对路径
• 路径可以使用单引号也可以使用双引号
• 在import行不能有注释
• 在@import之前之后，或者一行的最后可以有一个或多个空格或TAB
• import的重复文件内容只会合并到第一次出现的地方

语法示例

@import url("http://style.c.aliimg.com/xxx/yyy.css");

可能的报错以及排查

• 被 import 的文件找不到 解决方法：查看日志找到未找到的文件，并作出修正即可