Skip to content
jindw edited this page Oct 11, 2015 · 7 revisions

JSI 是一个前端开发调试和打包工具集。包含如下三部分:

  1. 一套自动化模块按需载入框架

      --- 可辅助调试,也适合线上环境(因为小文件网络性能差,建议让子模块的自动合并)。
    
  2. 一套xml模板语法(https://github.com/jindw/lite)

     --- 兼容E4X语法,大部分javascript编辑器都能提示语法错误。
    
  3. 调试服务器和前端工具集

     --- 开发期间专用的服务器,集成数据模拟和自动编译等开发期间功能。 
         兼具模块导出,模块安装编译优化等等。
    

开发期间用nodejs类似的模式组织javascript模块, 上线后,可以继续按大模块按需载入,也可以导出成独立的单一脚本运行。

环境安装

  1. 安装node,npm

    略...

  2. 安装jsi工具集

    $ npm install -g jsi

hello world

  1. $ cd [webroot]

      -- 跳转到web 工作目录
    
  2. $ jsi example

      -- 部署实例程序, 默认将脚本部署到scripts目录下,并将一个测试网页拷贝到根目录
         部署完成后系统会立即启动调试服务器(如果不需要部署实例,请直接运行jsi start 启动服务器)。
    

合并并导出单一文件

  1. $ cd scripts

    -- 跳转到scripts 根目录

  2. $ jsi export -o out.js main.js

    -- -o 参数指定导出目标文件:out.js -- 后续参数可以是一个唯一的入口文件,也可以是一串模块名。

##参考文件:

  1. liteXML 模板语法

    https://github.com/jindw/lite/wiki

  2. 如何开发一个OPOA运用程序。

    https://github.com/jindw/opoa

  3. 如何使用jsi按需载入模块

    待续....

Clone this wiki locally