Question

addMethod.js

function add(){
  // do something
}

比方说，我有一个add函数，可以全局访问。但是，当我将此文件与webpack（v4）捆绑在一起时，在浏览器中运行该文件时，我遇到了一个错误add of undefined。

到目前为止，在我的研究中，我只是遇到有人建议全局函数和方法必须附加到窗口对象

问题出在更大的项目中，我该如何处理这类问题？

我知道我可以使用export or window关键字。

但是我正在寻找可以解决此问题的任何webpack插件，而不必更新项目中的每个文件？

注意：Webpack版本-4和ES5

Answer 1

如果您不想在每个文件中导入这些功能，则可以将global函数添加到名为globals.js的文件中，然后将以下内容添加到webpack配置中：

module.exports = {
  ...
  resolve: {
    ...
    alias: {
      'global': [path_to_global.js] 
    }
  },

  plugins: [
    new webpack.ProvidePlugin({
      'global': 'global'
    })
  ]  
}

然后，您可以在应用程序中的任何位置使用global.yourFunction()调用函数。

如何使用Webpack处理全局函数和全局变量

1 个答案: