这里说明文档。依赖fis3,如果你不了解fis3,请移步fis3官网。
fis依赖node,了解node请看这里nodejs.org。
第一步,用下面的命令安装fis3
npm install -g fis3
第二步,安装fis插件
npm install -g fis3-hook-commonjs
npm install -g fis-parser-sass
npm install -g fis-parser-template
npm install -g fis-parser-babel-5.x
npm install -g fis-postprocessor-autoprefixer
npm install -g fis3-postpackager-loader
更多插件可以看这里。
第三步,接下来需要安装fis组件
fis3 install
更多信息请看fis用户文档。
开启fis服务器
fis3 server start
发布
fis3 release
fis3 release prd-debug # 本地查看发布产品库状态
fis3 release prd # 发布产品库
更多命令请查看这里。
项目的目录树如下:
┌─components
├─img
├─lib
├─modules
│ ├─app
│ ├─css
│ ├─lib
│ ├─ui
│ └─util
└─test
根目录下存放html文件。
- components fis 组件的目录
- img html中用到的图片
- lib 存放一些不打包的js库
- modules 项目的组件
- app 项目用到的js
- css 项目用到的css
- lib 第三方js
- ui UI 组件
- util 工具组件
- test 模拟测试数据
fis提供了大量组件,社区比较活跃的库一般都有组件存在,你可以在下面的链接查找对应组件。 https://github.com/fis-components
**注:**为了稳定,建议把components也加入版本控制库。
使用过程中的常见问题请见这里 issue。