在HTML中包含節點模塊

Question

我正在努力弄清npm如何管理依賴關系-就如何在HTML中實際引用它們而言。

假設我安裝了特定版本的插件，其路徑或文件名中包含版本號-如果npm配置為更新為新的次要發行版-通過腳本標簽引用的文件將不再存在。

我還讀到暴露node_modules路徑不正確，應該避免。

那么應該如何引用這些文件，以便它們被加載並且版本更新不會破壞站點？

Answer 1

想法是您在代碼中使用這些模塊。 假設您有一個包含應用程序的main.js文件，然后使用來自'jquery'的import $導入模塊； （這可能取決於您的配置，也可以使用'require'）。 然后，使用諸如browserify之類的工具，它將為您解決所有依賴性，並將其打包為一個不錯的文件，然后可以將其加載到瀏覽器中。

這只是眾多設置中的一種，因此設置可能會有所不同，例如，如果您使用webpack，這將有所不同，但想法是相同的，您需要將所需的內容導入到main.js中。

Answer 2

npm使用package.json文件作為構建依賴關系映射的參考。 並將所有依賴項安裝在node_modules文件夾中。 當您發布模塊更新時，您還將發布新版本的package.json文件，其中將包括對依賴項的修改。

簡短的答案是-package.json文件 ...希望您能從中弄清楚。