Не удается добраться до animate.css

Так я и сделал

npm install animate.css --save

Который установил его успешно, я вижу это в моем node_modules Я хочу иметь возможность использовать animate.css в моем проекте elixir-phoenix-react.

Я просто не уверен, куда его импортировать / потребовать и каким будет путь.

Я попытался записать @import "animate.css"; из моего файла app.scss, но это не сработало.

Я также пробовал использовать import "animate.css/animate.min.css"; в своем файле app.js, который тоже не работал.

Мой вопрос: где мне импортировать / требовать animate.css, чтобы он работал? Я хочу использовать его в своих компонентах реакции, чтобы добавить анимацию.


2
6 570
2

Ответы:

Итак, вы можете увидеть его в своей папке node_modules. Теперь вы можете использовать @import в своем файле css или просто <link> в своем head, но используя весь путь, по которому находится ваш animate.css.

Должно получиться что-то вроде node_modules/animate/animate.css

Если вы хотите использовать его в производстве, просто переместите файл css в папку стилей.


После того, как я установил animate.css указанным ниже способом

npm install animate.css --save

Мне просто пришлось импортировать такой файл css из моих node_modules:

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

Ваше здоровье