无法在角9项目中使用外部css样式表

Question

我刚接触到W3，并试图用它来实现一些东西。我试图将这个css添加到我的项目中。以下是我所遵循的步骤

在我的项目directory

• Added node_modules/w3-css/w3.css in angular.json

中，

1. 运行了npm安装-保存w3-css。

“样式”：“src/styes.css”、“node_node/w3-css/w3.css”，

之后，我尝试将css类添加到组件html文件中。

<div class="w3-container w3-border w3-large">
    <div class="w3-left-align"><p>Left aligned text.</p></div>
    <div class="w3-right-align"><p>Right aligned text.</p></div>
</div>

但我看不出还有什么课。

注意: node_modules文件夹和角json位于同一个目录中。

Answer 1

在style.css文件中导入您的css。

@import "../node_modules/w3-css/w3.css";