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

Question

New to webpack. I want to export a global function (similar to exporting variables through webpack.EnvironmentPlugin) to be used in a typescript

I tried something like below just to see the the behavior.

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

It gives me an error (as below) when accessed as envFunc = process.env.env_func; envFunc.bindObj() envFunc = process.env.env_func; envFunc.bindObj()

TypeError: Cannot read property 'bindObj' of undefined

Is there a way or any plugin (similar to EnvironmentPlugin) I can export a function in webpack config that can be used from the typescript?

Answer 1

webpack.EnvironmentPlugin is a shorthand notation for DefinePlugin which you can use to define a function. To make Typescript compiler accept it you need to declare the function eg include some .d.ts file into the project:

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