处理style文件
- 话说html都打包过去了,js也打包过去了,新的html文件和js产生,如果更换了存储文件夹(一般都会),那么这些打包生成的文件对于资源的引入就会产生错误,那么我们css文件也需要重新处理过,避免路径但不限于的错误;
安装相关工具模块
- css-loader style-loader
#-D = --save-dev 放在前面后面都无所谓
npm i -D css-loader style-loader
配置css打包参数
- 配置css的打包规则,注意使用包的顺序,就和script加载顺序一个意思,后面看不到前面
{
test: /\.css$/,
use: ["style-loader", "css-loader"]
}
不知道其他部分代码的看我前两篇webpack的文章,里面有html和js的打包详细教程。
这就是新生成的s