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

html-css07

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

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

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

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

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

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

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

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

不需要。CSS是对html的补充，可以使网页形式和内容分离。css是用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记性语言，它扩充了 HTML各标记的属性设定，使网页内容的视觉效果有更多变化。