Skip to content

模块合并功能说明

tangoboy edited this page Jun 7, 2014 · 4 revisions

在1.2版本后提供了 im-dev.js 版本,这个文件既可以用于浏览器,作为im.js开发环境,充当模块加载器的作用;也可以用node.js执行它,作为模块的合并工具。

模块打包部署的步骤如下

  1. im-dev.js同目录下的 config.json(如果没有可以创建一个)

  2. 以下是这个config.json格式的内容:

       {
           "modules":[
              "模块1.js",
              "模块2.js",
              "模块3.js"
           ],
           "out":"输出文件.js"
        }
    
  3. 命令行中执行 node im-dev.js ,完成后即:将 模块1.js 模块2.js 模块3.js 合并到 输出文件.js

  4. 如果要使用这个 输出文件.js 文件,只需要在html页面中引用这个文件 <script src="输出文件.js"></script> , 这个标签要写到 <script src="im-dev.js"></script> 和执行入口模块 require("模块1.js") 方法之间。 这里的顺序是: 加载im.js >> 加载模块 >> 调用模块, 如下面方式:

      <script src="im-dev.js"></script>
      <script src="输出文件.js"></script>
      <script>
          require("模块1.js", function(){
                // 初始化todo
          })
      </script>
    
  5. 最后的优化一下,可以将这三段script的代码合并到一个js文件中并压缩。

Clone this wiki locally