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"
    }
]

Webpack将所有url（）路径更改为相同的路径

1 个答案: