impleUI Make The Web Application Build Quickly
SimpleUI是基于jQuery的组件库,包含了常见的web组件,适用于开发web2.0的应用程序与小型网站。SimpleUI继承了jQuery的简单,但是却避免了代码的高度耦合。继承自Widget的完善的组件生命周期,面向HTML扩展的组件开发,针对HTML5与CSS3的技术升级,或许SimpleUI是你最佳的选择。
QQ交流群:279834868
deploy
SimpleUI的模块加载器遵循AMD规范,
所以对于SimpleUI编写的代码而言,任何遵循AMD规范的打包工具都适用于SimpleUI。
本篇文章介绍的是基于r.js的打包工具。
开始使用
r.js 需要Node环境或者Java环境,推荐使用Node环境。如果你不知道怎么安装Node,参考这里
npm install -g requirejs
下载r.js放置到工程的根目录,使用配置文件或者启动文件来进行build
node r.js -o build.js
这种方式适合加载所需要的模块,更灵活。
或者
node r.js -o name=init out=init.min.js baseUrl=./
如果你想合并所有的依赖进入单个文件,这种方式是最佳选择。但是不适合定制
build文件常用配置选项
appDir
配置程序目录baseUrl
配置加载JS的根路径dir
配置build输出的路径package
配置包module
配置build的模块name
配置build单个文件的JSout
配置build单个文件后的JS
例子如下:
({
appDir : "./simpleui",
baseUrl : "./",
dir : "./build",
modules : [{
name : "simple"
}, {
name : "declare"
}
]
})
main.js
通常这是一个应用程序的启动文件
node r.js -o name=main out=main.min.js baseUrl=./
main的代码如下:
require(['main'],function(Main){
Main.init();
});
官方API:http://www.simpleui.org
近期评论