安装和使用

  • Mac系统推荐使用 iterm2oh my zsh
  • 类 Unix 系统,请打开任意终端输入命令执行。
  • Windows 用户请先安装 git,然后在 Git Bash 下执行命令。

安装 Node 和 NPM

  • 官网下载安装Node: https://nodejs.org
  • 需要Node >= 6.11.5,建议使用最新稳定版(LTS)。
  • Ubuntu 用户使用 apt-get 安装 node 后,安装的程序名叫 nodejs,需要软链成 node
  • Windows 用户安装完成后需要在 CMD 下确认是否能执行 node 和 npm。

设置 npm config set loglevel=http 可以查看npm包的下载和安装进度。

快速使用

#下载
git clone https://github.com/jd-cyb/jui.git

#安装
yarn install #或者 npm install

#研发
yarn start #或者 npm start

#发布
yarn dist

命令说明

JUI默认已集成塞伯坦前端模块化工程构建工具塞伯坦前端数据模拟服务器最佳工程实践,支持本地依赖方式运行工程命令。

研发环境

npm run dev

在本地构建Node开发服务器,脱离nginx、apache等后台服务的依赖,实时编译前端的各种资源,并且在开发过程中任何文件的更改,都会自动更新浏览器界面,实时查看修改效果。

生产发布

npm run dist

编译和处理源码目录中的所有源文件,通过智能提取、合并压缩、添加CDN前缀、生成md5版本号等自动化流程,并将编译成功后的所有上线文件发布到dist目录。

MOCK服务

npm run cybmock

会自动打开默认浏览器进入MOCK数据服务环境,并罗列出cybmock.config.js配置的所有 MOCK接口,cybmock.config.js及mock目录中任意MOCK数据文件的更改都会自动更新接口。

本地测试dist目录

npm run test

在本地构建Node测试服务器,读取dist目录中的代码,借助前后端分离的API请求模式,无需发布上线,即可在本地打开浏览器测试上线代码和所有业务逻辑。

打包压缩dist目录

npm run zip

读取dist目录中所有的代码,在项目根目录下打包压缩成dist.zip文件,用于通过其它途径、或流程工具将代码发布到线上服务器,或发送给客户、领导、合作伙伴验收。

特殊字体解决方案

npm run fontmin

根据设置的文本抽取大文件TTF的字体信息,转换为eot/woff/ttf等格式的网页字体,告别特殊字体做成图片的lower,帮助我们开发完美个性化的官方网站、活动专题等项目。

图片深度无损压缩解决方案

npm run imagemin

对整站或单个图片深度无损压缩,整合业界前沿的程序算法,压缩率达50%以上,并且几乎看不出质量差别,极致的图片性能优化,帮助我们开发拥有极致用户体验的产品。

SSH上线部署或部署静态资源

npm run sftp

快速部署上线代码,根据配置的SSH服务器信息,读取dist目录中的所有代码,通过SFTP快速发布代码到线上服务器或测试服务器,可以配置仅部署静态资源到CDN服务器。