如何从节点包中包含 css/js 文件？

Question

我已经安装了npm package。现在我想通过键入以下内容在我的 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

所以网页版中index.html的路径是/index.html，CSS文件夹的路径（相对于index.html）是./css。

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

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

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

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