如何包含來自節點程序包的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中的討論 。