首页 > Web开发 > 详细

在浏览器环境使用js库(不用require功能)

时间:2020-12-23 09:03:01      阅读:43      评论:0      收藏:0      [点我收藏+]

在小程序中使用 js 库时会要用到 require/import/export 等功能或指令(ES6)。而当在浏览器环境下使用这些库时,由于require等使用起来比较麻烦。此时可对库源码稍作改动,采用 return {name1, name2} 方式即可。代码框架如下所述。

// 1. 采用 require/import/export
// index.js
import tools from "./tools.js";
var lca = tools.add();
// tools.js
function add(){};
function mul(){};
module.exports = {add:add, mul:mul,};

 

/ 2. 不采用 require/import/export
// index.html
// <script src="./tools.js"></script>
const tools = tools_proc();
var lca = tools.add();
// tools.js
function tools_proc(){  //最外层包裹一个函数
   function add(){};
   function mul(){};
   // module.exports = {add:add, mul:mul,};
   return {add:add, mul:mul};
}

 代码测试环境:Firefox v84, Chrome v87,Edge v87, IE 11。

在浏览器环境使用js库(不用require功能)

原文:https://www.cnblogs.com/xyyztx/p/14176348.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!