SeaJS实现模块化JavaScript开发

2022-06-08 23:30:28

SeaJS的作者是淘宝前端工程师玉伯。SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。SeaJS本身遵循KISS（Keep It Simple, Stupid）理念进行开发，其本身仅有个位数的API。

简单例子：

html文件

<script type="text/javascript" src="__PLG__/sea.js"></script>

<script type="text/javascript">

seajs.config({

   base: "./",

   alias: {

      //JS

      "zepto": "__PLG__/zepto.min.js",

      "frozen": "__PLG__/frozenjs/frozen.js",

"app": "__JS__/app.js",



      //CSS

      "css-activity": "/Public/Home/css/style.css"

   }

});

seajs.use(["css-activity"]);

</script>

app.js文件

define(function(require, exports, module){
   var $ = require("zepto");
   var fz = require("frozen");
   var ld;

    开始你的表演...

})

参考：

http://yslove.net/seajs/#base 简易文档

https://aotu.io/notes/2016/08/29/SeaJs-From-Entry-To-The-Principle/index.html 从入门到原理

类似加载框架

码农公寓