当前位置: 首页 > 文档资料 > Coolie 官方指南 >

模块组件化

优质
小牛编辑
139浏览
2023-12-01

模块组件化

在 coolie 的世界里,任何文件都可以作为模块来进行载入, 因此模块化组件非常容易实现。

如 banner 组件:

banner
├── index.js
├── style.css <= style.scss
├── arrow.png
└── template.html

模块组件入口是index.js,然后自主管理自己的模块,如样式、图片、模板等等。

使用模块组件:

var Banner = require('path/to/banner/index.js');

var banner1 = new Banner('#banner1');
var banner2 = new Banner('#banner2');

// ...