concat css files according to those rules listed on this page(http://wd.alibaba-inc.com/doc/page/work/cbu-regulations/merge)
npm install fd-gulp-cssconcatfd-gulp-cssconcat任务是根据指定的书写规则来将当前文件中引入的css进行合并。
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");
``