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

Question

到目前为止，我可以用角cli创建的最小包是通过运行

ng build --aot真-prod

我在想，构建过程是否也会删除未使用的css类，例如从引导程序中删除？

如果不是，我如何在其中添加像purifycss这样的库？

编辑2018年4月

我仍然没有找到任何令人满意的解决方案，他的问题，特别是一个兼容的惰性加载模块的角.

干杯

Answer 1

我最近做了一些研究，但我找不到任何真正安全的方法，如何删除未使用的CSS。不过，我遇到了一些工具，可以帮助您检测VS代码中的死代码。有一个延展，它并不完美，但看起来很有希望。此外，我做了一些调查，如何删除未使用的角材料CSS (如果你使用它)，并创建了一个视频。你可以看看这里。

但是至少现在(在2020年)没有任何可靠的方法来实现你想要的，并且也看到一个来自角度核心团队成员关于这个主题的答案。

Answer 2

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')),
    })
  ]

};

安装净水webpack

Answer 3

如果您正在使用web，那么您可以这样做：-

首先，使用npm i -D purifycss-webpack安装purifycss-webpackusing。

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