如何通過webpack在構建時調用函數？

Question

我有一個功能，將執行一些性能繁重的任務。 該函數將結果存儲在全局變量中，在下一次調用中，當結果已經存在時，我將執行其他廉價操作。 檢查此鏈接

此時我想在構建並將結果存儲在全局變量中時調用此函數一次 ，因此所有調用都由於緩存而很便宜。

reduceFn({
    param1:"good",
    param2:"something"
});

let globalVariable = [];

function reduceFn({param1, param2}) {
    if (param1 in globalVariable) {
        //cheap operation
    } else {
        // some performace heavy task and
        globalVariable.push(param1);
    }
}

Answer 1

您可以使用DefinePlugin這是一個webpack插件來創建一個可以從您的代碼訪問的全局變量：

new webpack.DefinePlugin({ YOUR_GLOBAL_VARAIBLE_NAME: yourFunction() })