कोणीय-क्ली अप्रयुक्त सीएसएस हटा सकते हैं?

Question

अब तक के सबसे छोटे बंडल मैं कोणीय CLI के साथ बना सकते हैं

एनजी निर्माण चल रहा --aot सच -prod

मैं सोच रहा था कि अगर निर्माण प्रक्रिया भी जैसे अप्रयुक्त सीएसएस वर्गों को हटा कर रहा है बूटस्ट्रैप से?

यदि नहीं, तो मैं purifycss जैसे पुस्तकालयों को कैसे जोड़ सकता हूं?

चीयर्स

Answer 1

आप वेब पैक का उपयोग कर रहे हैं तो आप इसे के रूप में कर सकते हैं: -

पहले, purifycss-webpackusing npm i -D purifycss-webpack

module.export={ 
    plugins: [ 
    new ExtractTextPlugin('[name].[contenthash].css'), 
    // Make sure this is after ExtractTextPlugin! 
    new PurifyCSSPlugin({ 
     // Give paths to parse for rules. These should be absolute! 
     paths: glob.sync(path.join(__dirname, 'app/*.html')), 
    }) 
    ] 

}; 

जाएँ विस्तृत समझ के लिए नीचे दिए गए लिंक स्थापित करें।

https://github.com/webpack-contrib/purifycss-webpack

Answer 2

आप अलग हो रहे हैं, अर्थात ng eject। फिर आप कुछ भी करने के लिए वेबपैक बिल्ड को कस्टमाइज़ कर सकते हैं। मेरे पास दो प्लगइन में minifyCSS के साथ बिल्ड के हिस्से के रूप में शैलियों को कम करने के लिए कुछ विकल्प चालू किए गए हैं।

1. LoaderOptionsPlugin

   new LoaderOptionsPlugin({ 
       "sourceMap": false, 
       "options": { 
       "html-minifier-loader": { 
        "removeComments": true, 
        "collapseWhitespace": true, 
        "conservativeCollapse": true, 
        "preserveLineBreaks": true, 
        "caseSensitive": true, 
        "minifyCSS": true 
       }, 
   

2. HtmlWebpackPlugin

   new HtmlWebpackPlugin({ 
       "template": "./src\\index.ejs", 
       "filename": "./index.html", 
       "hash": true, 
       "inject": true, 
       "compile": true, 
       "favicon": 'src/assets/Flag.png', 
       "minify": { 
        collapseWhitespace: true, 
        removeComments: true, 
        minifyCSS: true 
       },