如何解决webpack中css背景图片的绝对地址

 在项目开发中，一般写相对路径是没有问题的，但是在项目比较大的情况下，我的scss文件可能为了方便管理，会放在不同的文件夹下，有的可能又不需要放在文件夹下,比如我的scss文件结构如下：

 module

   common.scss

   test.scss

about

   about.scss

   login.scss

index.scss

比如目录是这样的，common.scss里用相对路径引用的图片，那about文件下的login.scss @import common.scss， 同时index.scss 也@import common.scss，那路径就不能同时满足2个个scss文件的需求，我们就需要用绝对路径来处理，那如何用绝对路径呢？

解决方法1

1.安装 resolve-url-loader

npm install resolve-url-loader --save-dev

2.修改webpack配置文件

output： { publicPath： ‘/‘ }

{ test: /\.scss$/, loaders: [‘style‘, ‘css‘, ‘resolve-url‘, ‘sass‘] }

如何解决webpack中css背景图片的绝对地址

原文：http://www.cnblogs.com/laneyfu/p/6337389.html