javascript - 使用 ~ 从 Angular 使用契约(Contract)的 node_modules 部分导入 Angular 的 CSS 吗？

Question

一些 Angular 演示使用 ~ 字符导入 CSS，如下所示:

 import `~@angular/material/prebuilt-themes`?

IIUC webpack supports supports ~作为从 node_modules 目录解析 CSS 包的方法。在使用 Angular 导入 css 时，一般可以使用 ~ 字符代替 node_modules 吗？换句话说，这是关于如何导入 CSS 的 Angular 使用契约(Contract)的一部分，还是我们只是将此功能作为 webpack 启用的“副作用”？

如果没有，Angular 在导入 NPM CSS 包时会推荐另一种方法吗？

Answer 1

我相信这是 Webpack 加载器功能，记录在此处 ex。 https://github.com/webpack-contrib/css-loader#usage和 https://github.com/webpack/webpack/issues/1789

一般来说，要导入CSS，它会识别相对路径，例如。 @import "../abc.css"。但最好的方法是使用 ~，只要你的 css 存储在 node_modules 中。