如何讓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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM