ttm-builder

1.0.3 • Public • Published

install

git clone http://git.superboss.cc/base/tatami-build.git

cd tatami-build && npm i --registry=https://registry.npm.taobao.org

sudo npm link

这样就安装完成了

use

进入工作目录

本地开发

ttm -h 查看相关命令
ttm b 编译项目
ttm w watch项目,监听项目自动编译
ttm d 上线前发布
ttm s 启动本地服务器

项目打包详细介绍

线上环境的情况下,我们需要减少资源请求,所以我们使用ttm d进行按需加载打包。即在对应路由下, 只加载当前模块的js资源。
在开发环境下,我们常常使用ttm w,监听项目文件变更,然后自动编译。会自动编译less,js,artTemplate模版,方便我们开发。

关于打包配置 .modelT/下面有两个文件

team.json --- 团队配置 my.json --- 个人配置 (my.json 请加入到.gitignore 里边)

优先个人配置,然后团队配置

默认其实不需要任何配置,除了server

{
    "lessPath":['./resources/css/*.less', '!**/_*.less'],//需要打包的less 文件,默认是css下面所有不是`_`开头的less
    "distDirName": "dist",//输出目录
    "baseURI":""//静态资源输出路径的前缀,没有特殊请不要修改
}

server详细介绍

启动本地开发server

// step1. 需要在项目.modelT/team.json 中配置
{
    "server": {
        "proxyPass": {
            "online": "http://121.43.69.90", // 线上ip地址  注意在json中删掉注释
            "test": "http://121.199.170.10"  // 测试机ip地址
        },
        "replaceMap": {
            "forward\\.jsp$": "/dist/index.html",   // 静态文件替换规则
            "\\.(js|css|png|jpg|html|ttf|woff)$": "/dist"
        },
        "queryStr": "?nick=xx" // 如有必要时增加
    }
}

// step2. 在host中把域名地址指向本机, 如: 127.0.0.1 wdst2.tao21.org

// step3. 执行其中一个指令
ttm s               使用mock数据
ttm s --mode online 代理请求到线上
ttm s --mode test   代理请求到测试服务器

// step4. 在千牛或者浏览器中打开项目地址

Dependencies (27)

Dev Dependencies (0)

    Package Sidebar

    Install

    npm i ttm-builder

    Weekly Downloads

    0

    Version

    1.0.3

    License

    MIT

    Last publish

    Collaborators

    • moxhuis