阅读量:0
Seajs框架确实有一些案例可供参考。以下是一个简单的Seajs模块化加载的案例：
- 项目结构：
myProject/ |-- css/ | |-- style.css |-- js/ | |-- module1.js | |-- module2.js | |-- main.js |-- index.html - index.html：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Seajs Example</title> <link rel="stylesheet" href="css/style.css"> <script src="js/sea.js"></script> <script> seajs.config({ base: './js/' }); seajs.use(['module1', 'module2'], function (module1, module2) { // 在这里可以使用module1和module2 console.log(module1.message); console.log(module2.message); }); </script> </head> <body> <h1>Seajs Example</h1> </body> </html> - module1.js：
define(function () { return { message: 'Hello from module1!' }; }); - module2.js：
define(function () { return { message: 'Hello from module2!' }; }); 在这个例子中，我们有一个名为myProject的项目，其中包含一个HTML文件index.html和两个JavaScript模块文件module1.js和module2.js。我们使用Seajs的config方法来设置基本路径，然后使用use方法来加载并执行这两个模块。当所有模块都加载完成后，我们可以在回调函数中使用这些模块。
这只是一个简单的例子，展示了Seajs如何用于模块化加载。在实际项目中，你可能会根据需要创建更复杂的模块和依赖关系。你可以访问Seajs的官方网站或GitHub仓库，查找更多的示例和项目来深入了解Seajs的使用方法。
