似乎无法访问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文件移动到styles文件夹中即可。