2017-02-03 100 views
2

我正在用AirConsole JS服務構建應用程序。 AirConsole只提供他們的圖書館爲.js文件中,可以在您的網頁與通常的:在webpack中導入非模塊供應商腳本

<script type="text/javascript" src="https://www.airconsole.com/api/airconsole-1.6.0.js"></script> 

不過,我使用的WebPack並想import劇本到我的其他的JS文件。我已經試過,沒有運氣的幾種方法:

  1. 創建一個名爲vendor入口文件其中進口的airconsole.js文件。這會創建一個vendor.bundle.js文件,我可以將其包含在我的頁面上
  2. 將AirConsole路徑添加到我的index入口點,以便腳本包含在bundle.js文件中。通過這種方法,我可以驗證AirConsole代碼包含在bundle.js文件,但試圖在AirConsole創建的AirConsole結果一個新的實例是不確定的

我在正確的軌道上,這些方法呢?如果不是,建議如何導入非模塊.js文件?

回答

5

最好的方法是通過我們稱之爲「勻場」的動作。您可以查看我們的新文檔頁面以獲取信息。有幾種不同的方式可以爲你的非模塊做(取決於需求)。

https://webpack.js.org/guides/shimming/

+0

好像我需要的'腳本loader'如果我使用[文件](https://www.airconsole.com/api/airconsole-1.6.0.js)。當我嘗試使用'const airconsole = new AirConsole()'創建一個新實例時,它會拋出一個未定義的錯誤。 –

+0

另外,'script-loader'是否在'webpack.config'中工作,還是僅用於'require'語句。 –

+0

您可以在您的配置中使用每個加載器(推薦),您可以使用'include'屬性來針對config中加載器的文件的特定abs路徑。 –