导出webpack.config.js中的全局函数以在打字稿中使用

Question

webpack的新功能。我想导出一个全局函数（类似于通过webpack.EnvironmentPlugin导出变量）以用于打字稿

我尝试了如下所示的操作，只是为了查看行为。

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

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

  

TypeError：无法读取未定义的属性'bindObj'

有没有办法或任何插件（类似于EnvironmentPlugin），我可以在webpack配置中导出可以从打字稿中使用的功能？

Answer 1

webpack.EnvironmentPlugin是DefinePlugin的缩写符号，可用于定义函数。为了使Typescript编译器接受它，您需要声明函数，例如在项目中包含一些.d.ts文件：

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