添加 Animate.css 到 nuxt js

Question

如何安装 animate.css 并让它在我的 nuxtjs 项目上运行？我试过使用 animate.css installation guide 但还是不行。

Answer 1

对于 npm 用户，使用此命令在您的项目中添加 animate.css npm install animate.css --save

对于纱线用户 yarn add animate.css

然后添加animate.css到你的nuxt.config.js文件

export default {
  // ...
  css: ['animate.css/animate.min.css'] 
  // ...
}

然后像这样在您的 HTML 中使用它

<h1 class="animate__animated animate__bounce">
  An animated element
</h1>

Add Animate.css to nuxt js