# fis3_webModules-master
**Repository Path**: wanglugitee/fis3_webModules-master
## Basic Information
- **Project Name**: fis3_webModules-master
- **Description**: 用fis3搭建的web端开发框架，集成了模块化的开发思想，可使用less、精灵图等技术开发，也可按照项目需要引入其他模块
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-08-31
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# fis3打包工具+dust模版技术的web组件化单页面开发框架模版
#### 项目介绍
使用fis3打包工具搭建页面框架，页面使用dust模版技术
#### 软件架构
1. fis3打包工具，搭建项目；
2. dust模版思想，使项目趋于组件化开发方式，提高开发效率；
#### 安装教程
使用git clone+地址到本地或者点击下载直接下载zip包
#### 使用说明
1. npm install(安装依赖）
2. npm run server(开启服务)
3. npm run dev(运行程序）
4. npm run build(打包项目)
#### 案例截图
](https://images.gitee.com/uploads/images/2018/0913/162616_6b554379_2076900.png "屏幕截图.png")
#### 项目主要代码
1. 对fis3的配置 fis-conf.js文件
```
fis.match('::packager', {
spriter: fis.plugin('csssprites')//精灵图标
})
.match('*', {
useHash: false
})
.match('*.less', {//打包less成css文件
parser: fis.plugin('less'),
rExt: '.css',
useSprite: true,
})
.match('*.js', {//js文件处理
parser: fis.plugin('babel'),
rExt: '.js',
});
```
2. 框架目录结构：（特别的是，less文件也可以当作组件处理）
3. 组件引入方式
```
```