2017-10-17 141 views
0

我有一個webpack配置處理許多.styl(手寫筆)文件,並在這些樣式表中我有很多url('.. path/to/asset.svg'),我'不管指定的初始路徑如何,都想更改爲url('images/asset.svg')輸出。Webpack將所有url()路徑更改爲相同的路徑

這是可能與webpack或webpack插件,我看了一下,但我找不到任何符合法案。

這是我目前的配置(相關部分):

 module : { 
     loaders : [{ 
     test : /\.styl?/, 
     exclude: /node_modules/, 
     include: STYLE_DIR, 
     use: ExtractTextPlugin.extract({ 
     fallback: 'style-loader', 
     use: ['css-loader','stylus-loader'] 
    }) 
    } 

您的意見表示讚賞,謝謝!

回答

2

雖然它不照顧自己無論在什麼路徑,你可以爲你想通過CSS加載器來切換路徑添加別名:https://github.com/webpack-contrib/css-loader#alias

use: [ 
    { 
     loader: "css-loader", 
     options: { 
     alias: { 
      "../path/to/asset": "images", 
      "other/path/place": "images" 
     } 
     } 
    }, 
    { 
     loader: "stylus-loader" 
    } 
]