2017-03-04 35 views
0

所以我有這個基本的代碼(可能是任何 NPM包):我可以「預先傳輸」節點模塊並將其與瀏覽器友好的JS混合使用嗎?

var Prismic = require('prismic.io'); 
Prismic.api(/*......*/) 

/* Do something with the data returned from Prismic.api */ 

的問題是,爲了使在瀏覽器中此代碼的工作,我有一個的WebPack什麼的(對transpile它因爲require)。

我想知道:

是否有可能取代require('prismic.io')文本的某些100KB行,這樣我可以在瀏覽器中運行該代碼?我能以某種方式「預先儲存」並將結果粘貼到第1行嗎?

+0

實際上WebPack正在做你在問題中提出的問題,那麼尋找別的東西有什麼意義呢? – Roomy

回答

0

這是可行的,你必須複製和粘貼庫的代碼並修改它,即它使用module.exports的部分,你必須替換一些將Prismic放在全局範圍內的東西,例如window.Prismic = Prismic

我不會推薦它,建立一個使用所需模塊的webpack版本並不難。

+0

感謝您的建議。我把我所有的JS文件移動到webpack中,並且工作得很好。但是,我的問題的答案可能只是'window.Prismic = Prismic'而不是'module.exports = Prismic'? –

相關問題