如何使用外部javascript调用与webpack捆绑的函数？答案

【问题标题】：How to call a function bundled with webpack with external javascript?如何使用外部javascript调用与webpack捆绑的函数？
【发布时间】：2021-11-04 22:32:16
【问题描述】：

如何通过外部javascript调用与webpack绑定的函数？

webpack.js 文件包括：

const init = (inputUrl) => {
    // window.onload = function(){
    init.loadMap = function(inputUrl){
        const wrap = document.querySelector('#px');
        Px.Core.Initialize(wrap, function(){
          Px.Loader.LoadFbx({
          // url: '../src/model/Bumma_004/Bumma_004.FBX',
          url: inputUrl,
            onLoad: function(){
              console.log("FBX Loading Complete");
              console.log(inputUrl);
            }
          })
        })
    }
    init.getconfig = function getconfig(){
        return url;
    }
    // init.getconfig = getconfig;

    function test(msg){
        return console.log('test function completed ' + msg);
    }
    init.test = test;
// }
}
export default init;

index.js 文件组成如下。

import init from './temp.js'

init.loadMap('abc');

打包webpack.js后，我想在init.loadMap的index.js中再放一个url，输出到html。

但是，在 index.js 文件中，Cannot use import statement outside a module 出现在第一行。

我该如何解决这个问题？

【问题讨论】：

标签： javascript node.js webpack frontend

【解决方案1】：

使用global.init = init修复

【讨论】：