gulp-css-rework-url
重构css中静态资源的相对地址为静态地址,并把相对路径提取出来
安装
Install with npm
npm install gulp-css-rework-url --save-dev
示例
var gulp = ;var cru = ;var sfiles;gulp;
可以来做啥
.
|-- css
| -- deep
| |-- path
| | `-- core.css
| `-- style.css
|-- img
| |-- a.jpg
| |-- b.jpg
| `-- deeper
| `-- c.jpg
|-- build
|-- css
| `-- main.css
|-- img
| |-- a.jpg
| `-- deeper
| `-- c.jpg
main.css = core.css + style.css
在core.css
.core{
background: url('/img/a.jpg') no-repeat top left;
}
在style.css
.style{
background: url('../../img/deeper/c.jpg') no-repeat top left;
}
合并到main.css,把css路径改成
.core{
background: url('/build/img/deeper/c.jpg') no-repeat top left;
}
.style{
background: url('/build/img/deeper/c.jpg') no-repeat top left;
}
或者
.core{
background: url('http://test.com/build/img/deeper/c.jpg') no-repeat top left;
}
.style{
background: url('http://test.com/build/img/deeper/c.jpg') no-repeat top left;
}