वेबपैक लोडर उपनाम?

Question

मैं शैली पत्रक के लिए एक काफी जटिल लोडर सेटअप:

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

कौन सा अच्छा काम करता है, लेकिन कुछ पर की आवश्यकता है मैं सीएसएस-लोडर को modules विकल्प जोड़ना चाहते हैं, तो यह इस तरह दिखना चाहते हैं:

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

लेकिन मैं इसे पूरी जगह पर नहीं कर सकता।

मैं इसे कैसे कॉन्फ़िगर कर सकता हूं ताकि मैं निश्चित रूप से सीएसएस-लोडर मॉड्यूल ध्वज को सक्षम कर सकूं जबकि बाकी के बाकी हिस्सों को वही रखा जा सके?

शायद लोडर 'उपनाम' जैसे कुछ, उदा। require('./foo.scss!my-scss-with-modules-flag-alias')?

एकमात्र समाधान जो मैं सोच सकता हूं वह एक लोडर लिख रहा है जो सिंटैक्स को कुछ आवश्यकता कॉलों में लोडर कॉन्फ़िगरेशन में इनलाइन करने के लिए परिवर्तित करता है ... लेकिन यह भंगुर और जटिल है।

Answer 1

resolLoader.alias यहां काम करेगा। अर्थात।

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

इस विन्यास का उपयोग करते हुए आप अपने कोड में बस

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

कर सकते हैं।

Answer 2

संकल्पलोडर .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' } 
    ] 
}