2017-10-17 154 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" 
    } 
]