如何让commonjs 代码在浏览器顺畅运行

一、之前探索如何将commonjs 项目进行打包,不顺利

打包工具折腾了一大堆,webpack+tsloader

rollup

等等,都可以用,但是对.d.ts 总有各种问题

二、于是反过来思考这个问题

如何让浏览器项目直接执行commonjs代码

这个问题倒是比较多,一搜,有个sea.js

号称5分钟掌握,两步式使用

// seajs 的简单配置
seajs.config({
  base: "../sea-modules/",
  alias: {
    "jquery": "jquery/jquery/1.10.1/jquery.js"
  }
})

// 加载入口模块
seajs.use("../static/hello/src/main")

不行,这个太麻烦了,我只能接受一步式使用

三、找不到,自己干

<script src="letus.require.js"></script>

<script>letus.require.loadmain('win.js')</script>

写了一个浏览器commonjs 兼容模块,不需要配置,一分钟掌握,一步式使用。

现在你可以在这里找到他的源码

https://gitee.com/lightsever/fakenes/blob/master/electron/bitt/letus.require.ts

https://gitee.com/lightsever/fakenes/blob/master/electron/bitt/letus.require.js

posted @ 2020-03-01 14:25  疯光无线  阅读(462)  评论(0编辑  收藏