javascript - 导出 webpack.config.js 中的全局函数以在 typescript 中使用

Question

Webpack 新手。我想导出一个全局函数(类似于通过 webpack.EnvironmentPlugin 导出变量)以在 typescript 中使用

我尝试了类似下面的方法只是为了看看行为。

module.exports = [{
  ...
  ...
  plugins: [
    new webpack.EnvironmentPlugin({
     env_func: function bindObj() {
        console.log("In plugin");
       }
    })
  ]
}]

当以 envFunc = process.env.env_func; 访问时，它给我一个错误(如下所示) envFunc.bindObj()

TypeError: Cannot read property 'bindObj' of undefined

有没有办法或任何插件(类似于EnvironmentPlugin)我可以在webpack配置中导出可以从 typescript 中使用的函数？

Answer 1

webpack.EnvironmentPlugin 是 DefinePlugin 的简写符号。您可以使用它来定义函数。要使 Typescript 编译器接受它，您需要声明该函数，例如将一些 .d.ts 文件包含到项目中:

xxx.d.ts
--------
declare function bindObj(): void;
declare function fun1(abc: string): number;