2017-02-13 86 views
0

我努力想知道npm如何管理依賴關係 - 就它們在HTML中如何引用而言。在HTML中包含節點模塊

假設我已經安裝了一個插件的特定版本,其中包括版本號的路徑或文件名 - 如果npm被配置爲更新爲新的次版本 - 通過腳本標籤引用的文件將不再存在。

我也讀到暴露node_modules路徑是不正確的,應該避免。

那麼如何應這些文件被引用,使它們加載等版本更新不破一個網站?

回答

1

這個想法是你在你的代碼中使用這些模塊。比方說,你有一個main.js文件,它有你的應用程序,然後你從'jquery'中使用import $導入模塊; (這可能取決於你的配置,你也可以使用'require')。然後使用像browserify這樣的工具來解決你的所有依賴問題,並將其打包成一個漂亮的文件,然後將其加載到瀏覽器中。

這只是設置了許多的所以這可能會發生變化,例如,如果你使用的WebPack這將是不同的,但這個想法是一樣的,你輸入你需要到您的main.js.什麼

+0

好,所以基本上你不參考腳本標記中的節點模塊 - 你需要通過JS文件。但是開箱即用 - 或者沒有Browserify - npm旨在與require方法一起使用? – DJC

+0

是的,把它想象成現在你有更多的類/功能範圍內,並訪問他們你導入/要求他們在您的應用程序/業務邏輯文件。 – dandro

+0

謝謝你。那麼正常npm使用與需求和Browserify有什麼區別? – DJC

-1

NPM使用的package.json文件作爲參考來構建依賴地圖。並將所有依賴項安裝在node_modules文件夾中。當您向模塊發佈更新時,還會發布package.json文件的新版本,該文件將包含對依賴項的修改。

所以簡短的答案是 - package.json文件 ...我希望你能從中弄清楚這些。