Псевдонимы загрузчика 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-загрузчик, так что бы выглядеть следующим образом:

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

Но я не могу делать это повсюду.

Как это настроить, чтобы я мог включить флаг модулей css-loader по определенным требованиям, оставаясь при этом остальным?

Возможно, что-то вроде псевдонима погрузчика, например. require('./foo.scss!my-scss-with-modules-flag-alias')?

Единственное решение, о котором я могу думать, это написать загрузчик, который преобразует синтаксис, чтобы встроить конфигурацию загрузчика в определенные требуемые вызовы ... но это хрупкое и сложное.

Answer 1

resolveLoader.alias будет работать здесь. То есть.

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

Используя эту конфигурацию, вы можете сделать просто

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

в вашем коде.

Answer 2

Решение resolveLoader.alias может работать в данном случае, поскольку вы используете плагин в качестве загрузчика. Однако, если вам нужно использовать цепь погрузчиков, это не сработает. (На нем есть запрос функции: https://github.com/webpack/webpack/issues/2772).

Вместо этого, вы можете добавить параметр в файл в заявлении требуют

var styles = require('./foo.scss?modules'); 

И создать новое правило загрузчика:

module: { 
    loaders: [ 
     ... 
     { test: /\.scss$/, loader: 'style!css!postcss!sass' }, 
     { test: /\.scss\?modules$/, loader: 'style!css?modules!postcss!sass' } 
    ] 
}