本文介绍如何利用webpack打包 sass、less 文件以及处理 url 中的资源。通过添加依赖，修改源码，成功打包后，展示了打包结果，包括颜色变化、边框宽度、图片显示等，证实了打包过程的正确性。
webpack除了能够打包css资源文件外，其还可以打包众多的其它类型的文件。
这里为了减少重复代码的编写，所以说此处是在上一篇文章中代码的基础上所做的修改，上一篇文章的地址如下：
打包sass文件
webpack中使用sass-loader,css-loader,style-loader来处理.scss文件的打包工作。而其中的sass-loader又依赖于node-sass，所以说我们还要添加node-sass依赖。
项目结构
修改源码
site1.scss文件
在css文件夹中添加site1.scss文件，其源码如下：
$color:blue;
#v2{
border:1px solid $color;
}
main.js文件
在main.js
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
