检查角度材料主题源代码

Question

如何阅读材料主题的某些定义？

我正在使用 Visual Studio Code 和 SCSS IntelliSense 扩展，但我无法找到 @angular 模块本身的定义。

我正在使用 @import '~@angular/material/theming' 导入模块，一切正常，应用运行良好。

唯一的问题是，当我尝试从材料主题（例如angular-material-theme）中寻找任何东西的定义时，我得到"No definition found found ..."

关于如何完成这项工作的任何想法？

Answer 1

您可以在 node_modules/@angular/material/_theming.scss 下找到该文件。

文件名开头的下划线表示该文件是部分文件，因此可以不使用前导下划线导入。

我不知道，如果你熟悉 partials，但是 Sass documentation 对 partials 的定义如下：

如果您想要导入 SCSS 或 Sass 文件但不想编译为 CSS 文件，您可以在文件名的开头添加下划线。这将告诉 Sass 不要将其编译为普通的 CSS 文件。然后，您可以在不使用下划线的情况下导入这些文件。