angular-cli可以删除未使用的css吗？

Question

到目前为止,我可以用角度cli创建的最小的捆绑是运行

ng build --aot true -prod

我想知道构建过程是否也删除了未使用的CSS类,例如从bootstrap？

如果不是,我怎么能添加像purifycss这样的库？

编辑2018年4月

我仍然没有找到任何令人满意的解决方案来解决他的问题,特别是与带有角度的延迟加载模块兼容的解决方案...

干杯

Answer 1

我最近对此做了一些研究，但我找不到任何真正安全的方法来删除未使用的 CSS。但是，我遇到了一些可以帮助您检测 VS Code 中的死代码的工具。有一个不完美但看起来很有希望的扩展。我还对如何删除未使用的 Angular Material CSS（如果您使用它）进行了一些调查，并创建了一个关于它的视频。你可以在这里查看。

但至少现在（2020 年）没有任何可靠的方法可以实现您想要的目标，并且还可以查看Angular 核心团队成员关于此主题的答案

Answer 2

如果您使用的是 web pack，那么您可以这样做：-

首先，安装purifycss-webpackusingnpm 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