我有一些JS文件,每个文件都是一个独立的函数,并具有唯一的名称,我想将所有这些文件打包成一个捆绑包,所以我写了这段代码
module.exports = {
entry: {
app:[
'./file1.js',
'./file2.js',
'./file3.js',
'./file4.js'
],
},
output: {
path: './dist/',
filename: '[name].bundle.js'
}
};
这是工作内容,我有一个“ .dist/app.bundle.js”文件的捆绑包。
现在我有一些js代码在HTML正文中,需要调用捆绑包中的函数,如果我尝试调用“functionA”功能(它定义在file1.js中),我会在浏览器控制台中看到以下消息:
Uncaught ReferenceError: functionA is not defined
问题是如何从bundle中导出函数并将其导入到HTML代码中?