postcss-imageurlreplace

css replace background url domain

1const imageUrlReplace = require('imageurlreplace');
2
3postcss([
4  imageUrlReplace({
5        domains: [
6            {
7                site: "up",
8                host: "//p1.xxx.com"
9            },
10            {
11                site: "ali",
12                host: "//pu.xxx.com"
13            },
14        ]
15    })
16])

option

• domain
• domains

example-domain

1imageUrlReplace({domain: '//p.xxx.com'})

1/*src*/
2.chart{
3    background-image: url('../images/chart_bg.png');
4}
5/*dest*/
6.chart {
7    background-image: url('//p.xxx.com/images/chart_bg.png');
8}
9

example-domains

1  imageUrlReplace({
2        domains: [
3            {
4                site: "up",
5                host: "//p1.xxx.com"
6            },
7            {
8                site: "ali",
9                host: "//pu.xxx.com"
10            },
11        ]
12    })

1/*src*/
2.chart{
3    background-image: url('../images/chart_bg.png');
4}
5/*dest*/
6body .chart_container {
7    background-image: url('//p1.xxx.com/images/chart_bg.png');
8}
9body.up .chart_container {
10    background-image: url('//p1.xxx.com/images/chart_bg.png');
11}
12body.ali .chart_container {
13    background-image: url('//pu.xxx.com/images/chart_bg.png');
14}