如何在使用browserify的客戶端html文檔中使用Node.js包

Question

我無法在我的網站上使用nodeese.js模塊和broweserify。該示例僅顯示如何運行與.html文件分開的JavaScript文件，而不是如何在.html文件中使用內的node.js模塊。看起來像一個微不足道的問題，但我無法使其工作。

這是我做了什麼：

1. 初始化node.js的&安裝包，npm i webtorrent-health作爲一個例子
2. 創建require_stuff.js由單個線：var WebtorrentHealth = require('webtorrent-health')
3. 運行browserify：browserify require_stuff.js > bundle.js
4. 在我的html文檔中包含包，例如<script src='bundle.js'></script>
5. 在我的文檔中某處使用該軟件包，例如像這樣：<script>webtorrentHealth(magnet).then(foobazbar())</script>

儘管bundle.js執行，看似定義webtorrentHealth，在html的文檔中的腳本失敗WebtorrentHealth is not defined。我究竟做錯了什麼？我如何使它工作？謝謝！

Answer 1

你非常接近你想要達到的目標。實際上，由於browserify，您的代碼bundle.js無法從外部訪問（您的瀏覽器），但是您可以通過在文件末尾寫入require_stuff.js來暴露您的模塊：

window.WebtorrentHealth = WebtorrentHealth ;

現在，您可以在文檔中使用WebtorrentHealth。