Question

为了在运行时加速我的应用。我决定使用以下方式禁用$ mdThemingProvider：

$mdThemingProvider.disableTheming()

在禁用之前，我通过在控制台中键入以下命令来生成所需的CSS：

copy([].slice.call(document.styleSheets).map(e=>e.ownerNode).filter(e => e.attributes && e.attributes[0].nodeName==='md-theme-style').map(e => e.textContent).join("\n"))

我正在尝试尽可能地减小css文件的大小，因此我想删除所有引用不使用的AngularJS Material组件的css类，例如md-chips。

当前，我生成的css文件充满了诸如此类的类：

md-chips.md-default-theme .md-chips, md-chips .md-chips{
    box-shadow:0 1px rgba(255,255,255,0.12)
}

md-chips.md-default-theme .md-chips.md-focused, md-chips .md-chips.md- 
    focused{
    box-shadow:0 2px rgb(33,150,243)
}

等

我可以手工删除它们，但是我可能需要再次生成样式，因此显然不理想。

是否可以禁用任何未使用组件的CSS生成？如果无法以编程方式实现此目的，我将不胜感激任何建议，这些建议涉及更改角度材料代码本身，尽管并不理想。

也许我丢失了一些东西，但是奇怪的是，默认情况下，每个使用此框架的应用程序本质上都会发布大量未使用的CSS。

非常感谢您的宝贵时间。：）

使用$ mdThemingProvider为未使用的AngularJS材质组件禁用生成的CSS

0 个答案: