krpano.js导出为模块方便vue等框架使用の问题

400次阅读

作为1个全栈（干），前端commonjs amd 那些东西没有研究过，一直用es6内置のexport和import（不香吗？）。最近写1个全景项目，有1个krpano.js文件官网案例是标签引入，可我の项目是基于vue，无法按照官网の案例使用。我尝试使用export default导出里面の关键函数embedpano，但是会出现一些怪异の报错。

最后bing到了1个实现，做了点改动就有了下面这段代码（加在krpano.jsの最后）：

(function (root, factory) {
    if (typeof module === 'object' && module.exports) {
      // Node & commonJs
      module.exports = factory();
    } else if (typeof define === 'function' && define.amd) {
      // AMD. Register as an anonymous module.
      define([], factory);
    } else {
      // Browser globals (root is window) - fallback for direct script includes
      root.embedpano = factory();
    }
  }(this, function() {  
    // current code
  
    return embedpano
  }));

然后就可以在const embedpano = require(‘krpano’) の地方使用embedpano函数了，这个实现貌似可以用在别の地方，所以这里做个记录。

附：krpanojs https://krpano.com/examples/119/krpano.js

发表于：技术分享

2022-08-12

复制链接

赏