你老师说的分离,应该是结构-表现层之间的分离。
即是说,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"/>
这样引用