Ozma / Demo1

for production or development
适合正式产品或大型项目的开发和发布

Source code for the demo:

View on Github

How to build distribution file of the demo:

How to install Ozma.js

cd examples/buildtool/
ozma js/main_standalone.js --config js/ozconfig_standalone.json

Running result of the demo:

1. Open the developer console of the browser
2. Refresh

Notes:

Under construction...

说明：

• 包括oz.js在内，所有在初始化过程需要的JS代码都会合并为一个主发布文件(main_standalone_pack.js)。
• 构建命令中的--config参数可省略，见示例3
• 开发环境中每次修改源文件，在调试前都需要执行一次构建，这个过程耗时非常少，建议将构建命令整合到web框架的makefile/rakefile/fabfile中，或进一步整合到editor/IDE的快捷键（比如vim的:make/F4）
• 构建工具直接在源文件（比如main_standalone.js）所在目录下生成发布文件，命名方式与TUICompiler项目相同：

  source: main.js 
  target: main_pack.js
  
  source: main_src.js 
  target: main_combo.js 
  
  source: main_src.pack.js 
  target: main_combo.js
  
  source: main_bak.pack.js 
  target: main_bak.pack_pack.js
  

• 构建过程中除了生成主发布文件，还会生成其他一些小的发布文件（如：js/lazy/ABC_pack.js），这些文件都是在初始化过程中不需要或不用立刻执行，但需要延后加载或按需加载的JS模块，构建工具会从主发布文件的源码中识别出它们，逐个生成发布文件，包含它们依赖而主发布文件中没有的模块（不会重复打包，注意lazy/ABC_pack.js和lazy/XY_pack.js的关系）
• 在主发布文件中包含oz.js的方法（见main_standalone.js）：

  require.config({
      loader: './oz.js',
  });
  

• 在主发布文件之外的行内脚本里，lazy/A.js、lazy/B.js、lazy/C.js借助oz.js的远程模块声明指向同一个构建文件（lazy/ABC_pack.js）。这样做的优点包括：
  • 可根据产品优化需求，灵活地将多个延后加载且内容少的发布文件合并为同一个打包文件，减少不必要的请求（对于这种请求，连接时间经常多于下载时间），而代码中的依赖声明不需要变动（比如app.js中对lazy/A.js的运行时依赖）。
  • 线上产品环境通常会使用静态文件在CDN中地址，自动在文件名中加入时间戳或版本号（比如http://img3.douban.com/js/packed_jquery.min6301986802.js）。写在主发布文件外的远程模块声明可以在允许服务器端模版随意修改文件名的同时，避免干扰JS代码的静态分析和自动构建。