fd-gulp-cssconcat

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

$3

``
cssConcat(srcDir [,opt]);
`

$3

`
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'));
});
`

$3


`
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资源
}
`

$3

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

$3

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

$3

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