Có thể angular-cli loại bỏ css không sử dụng?

Question

cho đến nay gói nhỏ nhất tôi có thể tạo với cli góc là bằng cách chạy

ng build --aot đúng -prod

tôi đã tự hỏi nếu quá trình xây dựng cũng loại bỏ lớp css không sử dụng ví dụ từ bootstrap?

Nếu không làm cách nào tôi có thể thêm các thư viện như purifycs vào nó?

Cheers

Answer 1

Nếu bạn đang sử dụng gói web thì bạn có thể làm điều đó như sau: -

Đầu tiên, cài đặt 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')), 
    }) 
    ] 

}; 

Visit vào liên kết dưới đây để biết sự hiểu biết chi tiết.

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

Answer 2

Nếu bạn đang bị đẩy ra, ví dụ: ng eject. Sau đó, bạn có thể tùy chỉnh việc xây dựng webpack để làm hầu hết mọi thứ. Tôi có một vài tùy chọn được bật để giảm thiểu các kiểu như một phần của bản dựng với minifyCSS trong hai plugin.

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 
       },