【问题标题】:Installed Animated css via npm now what?现在通过 npm 安装动画 css 是什么?
【发布时间】:2020-09-14 15:22:11
【问题描述】:

大家好,我是 node 新手。 我已经通过 npm 安装了 animate.css 并在它像往常一样创建 JSON 包文件的 HTML <div> 元素上对其进行了测试。代码例如:

<h1 class="animate__animated animate__pulse">Animate box</h1>
<div class="animate-box animate__animated animate__pulse"></div>

什么都没有动?无论如何我必须将它链接到头部吗?

谢谢你的菜鸟问题:D

【问题讨论】:

  • 您必须提供有关您的代码的更多详细信息,如何添加此依赖项?
  • 你是 importing 对你尝试使用它们的任何页面的依赖吗?

标签: css npm animate.css


【解决方案1】:

要与npm 包一起使用,您需要一个完整的资产构建堆栈,它将animate.css 编译到您的页面已经使用的任何CSS 包中。

因为你说你是编码新手,所以我强烈建议你暂时远离这个话题。相反,只需使用其他建议的方式,包括通过内容交付网络 (CDN) 的animate.css

<head>
  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  />
</head>

【讨论】:

  • 好的,非常感谢您的回复。确实我是新手,但我可以阅读说明。它在这里说 [animate.style/] : 使用 npm 安装:然后代码 或使用 CDN 直接将其添加到您的网页: 那么作为初学者,您在阅读时会感到困惑吗这个?
  • 我愿意,但文档确实无法为您提供所有详细信息。内容太多了。
  • 是的,当然。但是,嘿,我正在学习。试一试。干杯。 :)
猜你喜欢
  • 2018-01-27
  • 2015-01-02
  • 1970-01-01
  • 2015-07-15
  • 1970-01-01
  • 2016-01-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多