导入的Javascript函数未定义全局变量

导入的Javascript函数未定义全局变量,javascript,jquery,webpack,Javascript,Jquery,Webpack,试图找出是由于导入/导出方法导致的问题,还是我的体系结构不好 以前,我有多个javascript文件。只有函数,没有类。在一个“center/main”JS文件中,有全局变量。这些变量由同一文件以及其他文件中的函数访问和使用/更新。每个JS文件都必须在index.html中有自己的标记 然后,作为模块生成器切换到webpack,这将消除对所有脚本标记的需要。相反,我只需要导入/导出函数 问题是,使用该方法后,全局变量未定义到导入的函数中下面的设置被简化了,但我不明白为什么会出现问题。也许我错过

试图找出是由于导入/导出方法导致的问题,还是我的体系结构不好

以前,我有多个javascript文件。只有函数,没有类。在一个“center/main”JS文件中,有全局变量。这些变量由同一文件以及其他文件中的函数访问和使用/更新。每个JS文件都必须在index.html中有自己的标记

然后,作为模块生成器切换到webpack,这将消除对所有脚本标记的需要。相反,我只需要导入/导出函数


问题是,使用该方法后,全局变量未定义到导入的函数中下面的设置被简化了,但我不明白为什么会出现问题。也许我错过了什么

主JS文件 辅助JS文件(settings.JS)
Hy,我想你可以理解这篇文章的内容:

简而言之,webpack为所需文件创建了一个新的作用域,因为在生成的代码输出上有“use strict”声明

将PAR米传递给所需的模块,你需要做这样的事情:

// somefile
require("lib.js")(param1, param2)
// lib.js
module.exports = function(param1, param2) { }
export function startSettings(json) {
   console.log(myVariableUsed);
}
// somefile
require("lib.js")(param1, param2)
// lib.js
module.exports = function(param1, param2) { }