似乎无法访问animate.css

Question

所以我照做了

npm install animate.css --save

我可以在我的node_modules中看到它，我希望能够在我的elixir phoenix-react项目中使用animate.css。

我只是不确定在哪里导入/需要它，甚至不确定路径是什么。

我尝试从我的app.scss文件@import "animate.css";，但这不起作用

我还尝试在我的app.js文件中使用import "animate.css/animate.min.css";，但同样不起作用。

我的问题是，我在哪里导入/需要animate.css才能正常工作？我想在我的react组件中使用它来添加一些动画。

Answer 1

在我以下面的方式安装animate.css之后

npm install animate.css --save

我必须像这样从我的node_modules导入css文件：

@import "~animate.css/animate.css";

干杯

Answer 2

因此，您可以在您的node_modules文件夹中看到它。现在，您可以在css文件中使用@import，或者只在head中使用<link>，但使用animate.css所在的整个路径。

它应该类似于node_modules/animate/animate.css

如果您想在生产中使用它，只需将css文件移动到您的样式文件夹中。