如何在使用webpack時保留原始url（）sass-loader

Question

有沒有辦法讓我的原始圖像/目錄結構發佈webpack進程的SASS文件。我不想散列圖像或內聯它們。我想要的網址（）看，正是因爲他們是，相對於像這樣的SASS文件：../images/*

原SCSS：

background: url(../images/icon.gif); 

的WebPack配置：

{ test: /\.css$/, loader: 'raw-loader' }, 
{ test: /\.scss$/, loader: ExtractTextPlugin.extract('css!resolve-url!sass?sourceMap') }, 
{ test: /\.(png|gif|bmp)$/, loader: "file-loader", query: "name=[path][name].[ext]"   } 
             can anything be done here ^^^^^ to make it original path 

輸出：

background:url(src/images/icons/icon.gif) 

Answer 1

使用 https://github.com/bholloway/resolve-url-loader

 { 
      test : /\.css$/, 
      loaders: ['style-loader', 'css-loader?url=false'] 
     }, { 
      test : /\.scss$/, 
      loaders: ['style-loader', 'css-loader?url=false' , 'sass-loader?sourceMap'] 
     } 

和複製圖像使用 新CopyWebpackPlugin https://github.com/kevlened/copy-webpack-plugin