html - 如何从 Node 包中包含 css/js 文件？

Question

我已经安装了一个 npm package .现在我想通过键入如下内容将 css 和 js 文件包含在我的 html 页面中:

      <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

所以网页版index.html的路径是/index.html，而路径(相对于index.html ) 到 CSS 文件夹是 ./css.

这是一个很棒的explanation of relative paths in node applications .

在 Node 模块中使用 3rd 方库(如 CSS)时，您可以在样式表中使用它:

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

您还需要 require the module in your config file - see this discussion in GitHub for more info .