似乎无法进入animate.css

Question

所以我做了

npm install animate.css --save

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

我只是不确定导入/需要它的位置以及路径甚至是什么。

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

我还尝试在我的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，或在<link>中使用head，但使用animate.css所在的完整路径。

应该是node_modules/animate/animate.css

如果要在生产中使用它，只需将css文件移动到样式文件夹中即可。