如何包含来自节点程序包的css / js文件？

Question

我已经停了一个npm软件包 。 现在，我想通过键入以下内容在HTML页面中包含css和js文件：

      <link href="/root/node_modules/quill/dist/quill.snow.css" rel="stylesheet">

但是上述路径无效。 我的html页面位于/ var / www / html。执行此操作的正确方法是什么。 这可能是重复的，但我找不到答案。

Answer 1

您需要确保CSS和JS文件与HTML文件位于同一目录（可能是src/app ）。

例如

src
 |
 | app
    |
    | css
    | js
   index.html

因此，Web版本中index.html的路径为/index.html ，而CSS文件夹的路径（相对于index.html ）为./css 。

这是节点应用程序中相对路径的很好解释 。

在节点模块中使用CSS之类的第三方库时，可以在样式表中使用它：

@import "~quill/dist/quill.snow";

您还需要在配置文件中需要该模块-有关更多信息，请参见GitHub中的讨论 。