利用webpack打包其它资源文件

  webpack除了能够打包css资源文件外，其还可以打包众多的其它类型的文件。

  这里为了减少重复代码的编写，所以说此处是在上一篇文章中代码的基础上所做的修改，上一篇文章的地址如下：

• 利用webpack中的loader来打包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文件文件中添加site1.scss