(九)css分离与图片路径处理

html-css08

(九)css分离与图片路径处理,第1张

这样就可以完美的解决我们提取css的需求。但是官方不建议我们这样做。他们认为CSS就该打包到JS中减少请求数,看需求吧。

然后在 修改最初的module模块下面的rule里面的css规则变成

上面将css分离出来了。但是图片路径可能不太对

这个不是我们想要的。所以我们要用到publicPath来解决。

在处理前我们在webpack.config.js上声明一个对象叫做 website

这里特别注意的就是 IP和端口 是你本机的IP和你配置的端口

然后在output选项中引用这个对象的publicPath属性

../12/images/10.gif用的是相对路径,这个路径是

该css文件的上一级目录中的12这个文件夹里面的images文件夹里面的10.gif这张图片

你可以对照查看一下该图片是否存在

希望对lz有帮助

../12/images/10.gif用的是相对路径,这个路径是

该css文件的上一级目录中的12这个文件夹里面的images文件夹里面的10.gif这张图片

你可以对照查看一下该图片是否存在

希望对lz有帮助