javascript - Webpack 加载器别名？

Question

我有一个相当复杂的样式表加载器设置:

  {
    test: /\.scss$/,
    loader: ExtractTextPlugin.extract("style",
      "css?sourceMap&localIdentName=[path][name]__[local]__[hash:base64:5]!sass?outputStyle=expanded&" +
      "includePaths[]=" + other stuff)
    )
  }

效果很好，但在某些情况下，我想将 modules 选项添加到 css-loader，所以它看起来像这样:

require('./foo.scss!css?modules&sourceMap&localIdentName=[path][name]__[local]__[hash...');

但我不能到处都这样做。

我如何配置它，以便我可以在某些要求上启用 css-loader 模块标志，同时保持其余部分不变？

也许类似于加载程序的“别名”，例如require('./foo.scss!my-scss-with-modules-flag-alias')?

我能想到的唯一解决方案是编写一个加载器，该加载器执行语法转换以将加载器配置内联到某些 require 调用中……但这既脆弱又复杂。

Answer 1

resolveLoader.alias 将在这里工作。即。

resolveLoader: {
    alias: {
        'with-modules': 'loader definition goes here',
    }
}

使用这个配置你可以简单的做

require('with-modules!./foo.scss');

在您的代码处。