如何摆脱AngularJS Material插入的多个样式标签？

Question

AngularJS Material使用md-theme-style属性插入多个(大约30个)样式标记.我想这是某种性能调整,但我宁愿自己做 - 我不需要外部框架来以这种讨厌的方式污染我的HTML.关于如何摆脱样式标签的任何想法？

Answer 1

我不知道是否值得这么麻烦。请备份您的工作，我还没有测试过以下任何内容：

Angular-material 包含一些默认主题 css 作为 JavaScript 中的 const 变量。angular-material.js您可以在底部以以下行开头查看此代码：

angular.module("material.core").constant("$MD_THEME_CSS"...

当加载到浏览器中时，它会动态地向页面文档添加大量 css 样式标签。要禁用它们，您需要使用以下命令自行重新编译 Angular-Material：

git clone https://github.com/angular/material.git

然后安装依赖项：

cd material
npm install

然后转到 gulp/util.js 并更改行53：

var jsProcess = series(jsBuildStream, themeBuildStream() )

成为：

var jsProcess = series(jsBuildStream)

然后运行构建过程：

gulp build