javascript - Webpack 将所有 url() 路径更改为同一路径

Question

我有一个处理许多 .styl (Stylus) 文件的 webpack 配置，并且在这些样式表中我有许多 url('..path/to/asset.svg')，我想将其更改为输出为 url( 'images/asset.svg')，无论指定的初始路径如何。

这可以通过 webpack 或 webpack 插件实现吗？我已经看过了，但找不到任何符合要求的东西。

这是我当前的配置(相关部分):

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

感谢您的意见，谢谢!

Answer 1

尽管无论路径是什么，它都不会自行处理，但您可以通过 css-loader 为要切换的路径添加别名: 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"
    }
]