关于css分离的问题

html-css015

关于css分离的问题,第1张

分离css的意思是 web开发标准中的。结构-表现-行为分离

你老师说的分离,应该是结构-表现层之间的分离。

即是说,html代码中不允许出现align color style,是纯标记。

有关样式的代码全部提取出来,放到css样式文件中定义

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

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

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

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

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

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

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

把所有的样式用一个CSS文件使用一个单独的文件来保存,在html中引入这个文件

<link rel="stylesheet" type="text/css" href="css/style.css"/>

这样引用