open-index/open-npm huggingface dataset:
npm package: @riil/gramcli
Description: Relax前端开发命令行工具。一次安装，到处运行。跨平台、编译(SASS/ES6/TS)、反向代理服务器
Author: luqin@ruijie.com.cn
Latest version: 12.3.4

# Relax前端开发工具

<div align="center">
  <a href="http://172.17.189.70/relax-guide/relax-web-dev">
    <img width="200" height="200" src="https://webpack.js.org/assets/icon-square-big.svg">
  </a>
</div>

## Features 功能

- 反向代理服务器
- ES6 编译为 UMD 格式
- SASS 编译
- CSS 自动添加浏览器前缀 https://github.com/postcss/autoprefixer
- 自动打开浏览器
- 跨平台
- 一次安装，到处运行

## Usage Guide 使用指南

##### 1. Installation 安装

```shell
npm install -g @riil/gramcli --registry http://172.17.189.71:7001
```

##### 2. 创建配置文件

在项目根目录创建配置文件 `gram.config.js`

```js
module.exports = {
  assetsRoot: '../web', // 前端文件目录，对应 /relax/assets
  dev: {
    proxy: '172.17.189.68:9090',  // 代理后端RPC和静态资源地址
    autoOpenBrowser: true         // 是否自动打开浏览器
  }
}
```

##### 3. 启动服务

```shell
gram server
```

## 命令列表

- `gram` 启动编译与代理服务
- `gram server` 启动代理服务
- `gram babel:watch` 启动ES6编译
- `gram sass:watch` 启动SASS编译

## Screenshots 截图

- 本地文件路径
- 响应时间戳

![](./screenshots/1.png)

- 代理显示

![](./screenshots/2.png)

## Jekins编译

1. 如果没有web-src目录，退出执行
2. 进入web-src目录
3. 安装命令
  ```shell
  npm install -g @riil/gramcli --registry http://172.17.189.71:7001
  ```
4. 编译，编译后的文件输出到模块对应的前端目录下
  ```shell
  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](./CONTRIBUTING.md) for more information on how to get involved.