使用在Webpack構建中公開全局變量的腳本

Question

在我的（第一個）Webpack構建中，我很難理解應該如何加載一個只是公開全局變量的腳本。

我試圖加載腳本基本上是這樣的：

//File: MyLibrary.js  

var MyLibrary = (function(window) { 

    function MyLibrary() { 
     // Do librarious stuff 
    } 

    return MyLibrary; 

})(typeof window !== 'undefined' ? window : null); 

我想我應該用exports-loader根據文檔應該只是這種情況的事情，因爲：

The file sets a variable in the global context with var XModule = ....

var XModule = require("exports?XModule!./file.js")

所以我把這個在我的配置：

module: { 
    loaders: [ 
     { 
      test: /MyLibrary\.js$/, 
      loader: "exports?MyLibrary!./MyLibrary.js" 
     } 
    ] 
} 

但THI小號導致一個錯誤：

ERROR in Loader MyLibrary.js didn't return a function

這讓我困惑，因爲它不應該返回一個功能，那就是全部的關鍵，爲什麼我使用這個特殊的裝載機...

所以我應該怎麼加載劇本？

Answer 1

你不指定路徑到庫中loader屬性，簡單地說：

module: { 
    loaders: [ 
     { 
      test: /MyLibrary\.js$/, 
      loader: "exports?MyLibrary" 
     } 
    ] 
}