如何包含来自节点程序包的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。