slide-nav是由generator-bee生成。
模块文件使用CMD规范,是无法使用源码直接调试的,所以bee 内置了个本地静态服务,运行:
gulp
会编译文件到build目录,同时会起一个本地server,访问:http://localhost:5555/slide-nav/index.js,就是访问slide-nav/src/index.js文件。
包配置路径指向本地服务:
//url带有ks-debug
if(KISSY.config('debug')){
base = 'http://localhost:5555/slide-nav/';
}
KISSY.config({
packages: [
{
name: 'slide-nav',
base: base,
ignorePackageNameInUri: true,
debug: true,
combine:false
}
]}
);
写法请参考demo/dev_index.html。
可以使用chales或fiddler代理工具,将包路径代理到本地服务路径。
打包文件
gulp
监听文件改变实时编译
gulp watch
默认编译less和生成kissy模块名和依赖表。
bee-demo // 工程名,也是库名
| |-----src // 源码目录
| | |---------index.js // index页面入口脚本
| | |---------mods // 依赖的业务模块
| | |---------index.less // index页面样式
| |-----build // 发布目录
| | |---------deps.js // 模块依赖表
| |-----demo // demo目录
| |-----test // 测试用例目录
| |-----build // 发布目录
| |-----README.md // 库介绍
| |-----gulpfile.js // gulp打包时使用的配置信息
| |-----package.js // 依赖包配置