Relax前端开发工具

Features 功能

• 反向代理服务器
• ES6 编译为 UMD 格式
• SASS 编译
• CSS 自动添加浏览器前缀 https://github.com/postcss/autoprefixer
• 自动打开浏览器
• 跨平台
• 一次安装，到处运行

Usage Guide 使用指南

1. Installation 安装

npm install -g @riil/gramcli --registry http://172.17.189.71:7001

2. 创建配置文件

在项目根目录创建配置文件 gram.config.js

module.exports = {
  assetsRoot: '../web', // 前端文件目录，对应 /relax/assets
  dev: {
    proxy: '172.17.189.68:9090',  // 代理后端RPC和静态资源地址
    autoOpenBrowser: true         // 是否自动打开浏览器
  }
}

3. 启动服务

gram server

命令列表

• gram 启动编译与代理服务
• gram server 启动代理服务
• gram babel:watch 启动ES6编译
• gram sass:watch 启动SASS编译

Screenshots 截图

• 本地文件路径
• 响应时间戳

• 代理显示

Jekins编译

1. 如果没有web-src目录，退出执行
2. 进入web-src目录
3. 安装命令

npm install -g @riil/gramcli --registry http://172.17.189.71:7001

4. 编译，编译后的文件输出到模块对应的前端目录下

gram build

咨询与提交BUG

咨询与提交BUG：http://172.17.189.70/relax-guide/relax-web-dev/issues/new

Contributing

We welcome your contributions! Please have a read of CONTRIBUTING.md for more information on how to get involved.