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

Question

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

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

//File: MyLibrary.js    

var MyLibrary = (function(window) {

    function MyLibrary() {
        // Do librarious stuff
    }

    return MyLibrary;

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

我認為我應該使用exports-loader因為根據文檔，這應該只是這種情況：

該文件在全局上下文中使用var XModule = ....設置變量。

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

所以我把它放在我的配置中：

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

但這會導致錯誤：

加載程序MyLibrary.js中的錯誤未返回函數

這讓我感到困惑，因為它不應該返回一個函數，這就是為什么我使用這個特定的加載器的全部原因...

那么我應該如何加載腳本？

Answer 1

您無需在loader屬性中指定庫的路徑，只需：

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