如何在一個完全獨立的webpacked應用程序中訪問Javascript

我正在研究一個現有的大型客戶端應用程序，用Babel和Webpacked進行編譯。如何在一個完全獨立的webpacked應用程序中訪問Javascript

我正在編寫一個單獨的小項目，需要使用現有代碼，但無法在本地文件系統中訪問它。這是一個Node/Web應用程序，它將作爲一個測試工具，允許遠程開發人員創建與我們的應用程序接口的資產。我需要做的是能夠導入和使用主應用程序導出/使用的任何JS類，而無需在本地文件系統上使用該代碼。

的這個問題的答案點使用庫選項的WebPack配置的輸出部分： Calling webpacked code from outside (HTML script tag)

我使用多個入口點的主要回答以下建議的意見，例如一個：「我們有多個入口點，所以在輸出部分，我改爲使它成爲library：[」GlobalAccess「，」[name]「]，然後使var成爲每個入口成員的對象：GlobalAccess。 EntryPointFoo，GlobalAccess.EntryPointBar等「

我的輸出部分如下所示：

output: { 
    // the name of the output file (i.e. same as the input file) 
    path: './', 
    library: ['GlobalAccess', '[name]'], 
    filename: '[name].js' 
}

但是，在完成構建之後，Webpack中的輸出塊與沒有此選項的塊完全相同。在生成的任何文件中都沒有出現「GlobalAccess」。我應該看到輸出塊告訴我它的工作？官方的文檔是很稀疏.. https://webpack.js.org/configuration/output/#output-library 但這個例子說明了如何設置一個圖書館了所以每一個條目都有一個不同的命名空間： https://github.com/webpack/webpack/tree/master/examples/multi-part-library

來源

2017-06-05 Graham Phillips

好了，萬一別人曾經遇到這個問題，這是無可否認有些奇怪的一個，我做了以下內容：

從V1.14爲了2.x版的轉換建立的WebPack到庫，以「UMD」作爲庫目標

升級的WebPack使用導出默認類而不是僅使用m odule.exports

關閉醜化和分塊

所以這意味着我可以在使用的WebPack在一個地方一個大項目編譯，生成的輸出文件可以導入和使用完全不同的項目，而不訪問原件。

來源

2017-06-08 13:23:53

如何在一個完全獨立的webpacked應用程序中訪問Javascript

回答

相關問題