gulp编译css文件时，静态资源路径错误怎么办？

现象

在使用gulp进行编译css文件时，编译后的css文件引用的静态资源路径出现了莫名其妙的变化，全部出现了404找不到文件，在本地是好的，但是编译完就出问题了。

解决

需要的插件文档在这里：https://github.com/imqianduan/gulp-css-path。

可以通过这个插件，把css文件里的相对路径全部批量替换成绝对路径，即可解决此问题。建议在以后写样式的时候，可以使用less或者sass来声明一个全局的域名变量，把静态资源都写成绝对，而不要写成相对，这样可以避免在gulp或者webpack打包的时候，造成静态资源访问404的问题。

配置gulp任务

配置gulp任务

执行gulp build来执行任务

build完成后

改完后的地址就会变成你上面预设好的绝对地址路径，此时刷新页面看下问题是否已经解决。