是否使用〜从Angular的使用合同的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使用合同的一部分，还是我们只是将此功能作为webpack启用的“副作用”？

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

Answer 1

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

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