वेबपैक के साथ सीएसएस फाइलों को कॉन्सैट और मिनीफाइज करें, उन्हें

Question

मुझे एक ऐसे एप्लिकेशन का पुराना हिस्सा मिला है जिसमें कुछ सीएसएस फाइलें हैं जो गठबंधन और संक्षिप्त स्क्रिप्ट के साथ सीमित हैं।

और मेरे पास एक नया एप्लीकेशन है जो वेबपैक के साथ बंडल किया गया है।

क्या पुराने सीएसएस को बिना किसी अतिरिक्त आवश्यकता कॉल के वेबपैक के साथ इकट्ठा करना संभव है? बस पुराने सीएसएस/**/* सीएसएस से सभी सीएसएस प्राप्त करें, संक्षिप्त करें, संक्षिप्त करें और संपत्ति/old.css पर लिखें?

Answer 1

आप इसे अलग-अलग entry के माध्यम से सीएसएस फ़ाइलों की "आवश्यकता" द्वारा प्राप्त कर सकते हैं। आप इस तरह कुछ खत्म कर देंगे:

{ 
    entry: { 
     styles: glob('old_css/**/*.css'), // array of css files 
     ... 
    }, 
    output: { 
     filename: '[name].[chunkhash].js', 
     ... 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.css$/, 
       loader: ExtractTextPlugin.extract("style-loader", "css-loader") 
      }, 
      ... 
     ] 
    }, 
    plugins: [ 
     new ExtractTextPlugin('[name].[chunkhash].css'), 
     ... 
    ], 
    ... 
} 

आप सीएसएस फ़ाइल के अतिरिक्त अपनी शैली प्रविष्टि के नाम पर एक जावास्क्रिप्ट फ़ाइल के साथ समाप्त हो जाएंगे। हालांकि, आप इसे अनदेखा कर सकते हैं।