Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/npm/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Npm Can';我好像没法给css设置动画_Npm_Animate.css_Brunch - Fatal编程技术网

Npm Can';我好像没法给css设置动画

Npm Can';我好像没法给css设置动画,npm,animate.css,brunch,Npm,Animate.css,Brunch,所以我做了 npm install animate.css --save 如果安装成功,我可以在我的node\u模块中看到它 我希望能够在我的elixir phoenix react项目中使用animate.css 我只是不确定在哪里导入/需要它,甚至不确定路径是什么 我试图@import“animate.css”来自我的app.scss文件,但这不起作用 我还尝试导入“animate.css/animate.min.css”也不起作用 我的问题是,我在哪里导入/需要animate.css以使

所以我做了

npm install animate.css --save
如果安装成功,我可以在我的
node\u模块中看到它
我希望能够在我的elixir phoenix react项目中使用animate.css

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

我试图
@import“animate.css”来自我的
app.scss
文件,但这不起作用

我还尝试导入“animate.css/animate.min.css”也不起作用


我的问题是,我在哪里导入/需要animate.css以使其工作?我想在react组件中使用它来添加一些动画。

因此,您可以在
节点模块
文件夹中看到它。 现在,您可以在css文件中使用
@import
,或者只在
头部使用
,但使用
animate.css
所在的整个路径

它应该类似于
node\u模块/animate/animate.css


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

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

npm install animate.css --save
我必须像这样从我的node_模块导入css文件:

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

干杯

看看这个答案@Anfuca我没有使用webpack,我想远离它。没有办法避免将
animate.css
文件移动到
/assests/css
文件夹中吗?有没有办法让早午餐为我自动化一些东西?@isignisign try
import{bounceIn}from'animate.css'
Original post:另外,你可以使用
import'animate.css'