首页 > 解决方案 > 如何使用外部javascript调用与webpack捆绑的函数?

问题描述

如何使用外部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出现在第一行。

我怎么解决这个问题?

标签: javascriptnode.jswebpackfrontend

解决方案


固定使用global.init = init


推荐阅读