1 | <div align="center">
|
2 | <img width="320" src="https://rawcdn.githack.com/sbfkcel/fws/gh-pages/_media/logo.svg"/>
|
3 | <br/><br/>
|
4 | <a href="https://badge.fury.io/js/fws"><img src="https://badge.fury.io/js/fws.svg"></a>
|
5 | <img src="https://img.shields.io/badge/license-MIT License-f8458a.svg">
|
6 | </div>
|
7 |
|
8 |
|
9 | ## 关于
|
10 |
|
11 | FWS是一个高效、便捷的前端开发工作流脚手架。
|
12 |
|
13 | 随着前端技术的发展,逐渐改变了front-end Web developer的代码编写习惯,顺之也成为推动前端工程化的基础。
|
14 |
|
15 | 前端脚手架工具有很多(yeoman、Grunt、Gulp、Webpack...),但多少都有一堆烦杂的配置。且经常在脚手架搭建的过程中因为再次被包装过的插件会造成一些奇奇怪怪的问题。
|
16 |
|
17 | FWS希望能解决一些烦琐的过程(脚手架环境搭建、项目配置等...),尽可能最大限度的照顾到主流的工作习惯。
|
18 |
|
19 | 由于FWS是基于Node.js的,所以跨平台支持是理所应当的了。FWS具有较强的可扩展性,也可根据团队需要自行定义任务流。
|
20 |
|
21 | > FWS提供编译&压缩策略API。可部署在集成服务器来处理项目发布策略,又或是用于优化业务环节。。
|
22 |
|
23 |
|
24 | ## 文档
|
25 |
|
26 | - [中文文档 https://sbfkcel.github.io/fws](https://sbfkcel.github.io/fws/)
|
27 |
|
28 |
|
29 |
|
30 | ## 功能
|
31 |
|
32 | **自动化**
|
33 |
|
34 | - Sass -> css 编译
|
35 | - Pug -> html 编译
|
36 | - Typescript、Es6、Es、Jsx -> javascript 编译
|
37 | - javascript 文件打包合并,统一封装规范
|
38 | - CSS Autoprefixer 前缀自动补全
|
39 | - CSS Sprite 雪碧图自动合并,并生成sass数据
|
40 | - CSS Opacity 透明度自动兼容
|
41 | - 文件压缩(css、javascript、png、jpg、gif)
|
42 | - 文件签名(css、javascript、html)
|
43 | - 字体精简(css Font-face)
|
44 |
|
45 |
|
46 | **开发调试**
|
47 |
|
48 | - 开发过程中。脚手架会自动监听文件改动,自动刷新页面或热更页面资源
|
49 | - 开发模式下完整的调集信息
|
50 |
|
51 | ## License
|
52 |
|
53 | MIT
|