在使用?extract-text-webpack-plugin 分離 css 時，指定一個輸出目錄：
當我們在使用 file-loader 處理圖片時：
我們在樣式中這樣引入背景圖片：
.hello {
? color: $primary-color;
? background: url('../img/1.jpg');
}
編譯之后的：
編譯之后我們再去運行我們的項目就會發現背景圖片找不到的問題：
出現這種問題是因為 webpack 編譯之后的路徑都是相對路徑，而我們之前在分離 css 的時候將其放在了一個 css 文件夾下面，而將圖片放在了 img 文件夾下面。
解決方式一：
在 webpack.config.js 文件中加上：
這樣做有一個問題就是：
? ? 項目中所有被引用的靜態資源，都會受控為止（都會加上 ‘../’）。
解決方式二：
我們在需要的模塊中去處理：
這樣問題就解決了。
隨手筆記，感謝閱讀，不對之處請指教，謝謝
