pc-component-v5/packages/common/JsUtil.js

/**
 * 动态加载js模块
 * @param {*} jsUrl js文件的路径
 * @return promise对象
 */
let dynamicLoadJsModule = function(jsUrl){
  let promise = null;
    
  // 注意：在webpack中直接使用import(url).then()会错误的解析url。
  // 如果url是静态的值，举例'xxx.js', webpack打包的时候，会去src对应的目录下面找js文件。
  // 如果url是变量，举例const url = '', webpack打包的时候，原理不清晰...，测试结果时浏览器不会发出http请求加载后端的js文件。
  let command = `
        promise = new Promise((resolve, reject) => {
            import('${jsUrl}').then(remoteComponent => {
                resolve(remoteComponent);
            }).catch(error => {
                reject(error);
            });
        });
    `;
  eval(command);
  return promise;
};
/**
 * 动态加载js模块中的方法
 * @param {*} jsUrl js文件的路径
 * @param {*} functionName js方法中的名称
 * @return promise对象
 */
let dynamicLoadJsFunction = function(jsUrl, functionName){
  let promise0 = dynamicLoadJsModule(jsUrl);

  let promise1 = new Promise((resolve, reject) => {
    promise0.then(remoteComponent => {
      let targetFunction = remoteComponent[functionName];
      resolve(targetFunction);
    }, errorData => {
      reject.error(errorData);
    });
  });
  
  return promise1;
};

export default {
  dynamicLoadJsModule,
  dynamicLoadJsFunction,
};