Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 网页包可以与旧网页一起使用吗?_Javascript_Webpack - Fatal编程技术网

Javascript 网页包可以与旧网页一起使用吗?

Javascript 网页包可以与旧网页一起使用吗?,javascript,webpack,Javascript,Webpack,我想我可能误解了网页的目的。如果我有一个现有的遗留网页,需要使用webpack生成的输出文件中的类或函数…它如何访问它 例如,webpack打包了以下文件: //test.js 'use strict'; var helloWorld = function(name) { alert('hello ' + name); } export {helloWorld}; 如果现有页面中有一个按钮需要调用helloWorld('bob')oncl

我想我可能误解了网页的目的。如果我有一个现有的遗留网页,需要使用webpack生成的输出文件中的类或函数…它如何访问它

例如,webpack打包了以下文件:

    //test.js
    'use strict';
    var helloWorld = function(name) {
        alert('hello ' + name);
    }
    export {helloWorld};
如果现有页面中有一个按钮需要调用helloWorld('bob')onclick-它如何访问该函数?看起来webpack总是将输出构建为匿名闭包…但它确实返回了对象。执行以下操作是否为不良做法:

var MyLib = (function(){
//...webpack logic...
return __webpack_require__(0);
})([{
// ...modules...
}]);

稍后在单击按钮onclick时,我现在可以调用MyLib.helloWorld('bob'),这一切看起来都很好。但由于webpack没有在那里生成var,我肯定我做了一些不好的事情。正确的方法是什么?

默认情况下,webpack为web环境构建时假设它正在处理您的所有应用程序逻辑,因此无法从其他脚本访问webpack运行时中的功能


看起来您想要使用配置——这告诉webpack将js构建为页面可以使用的库(另请参见
output.libraryTarget
)。在构建的入口点中,您将定义构建将向页面公开的对象或函数

从模块内部使用elm.addEventListener(“单击”,helloWorld)。如果您有一个基于attrib的事件(
),那么您需要一个全局变量来从DOM访问。我在stackoverflow还是新手,所以我还不能回答这个问题……但是是的!这正是我想要的…我忽略了配置选项,没有意识到这正是我需要的。谢谢