开始
现在 Web 前端开发已经是离不开 webpack / gulp / ... 等等工作流的配置。可能会遇上这样的情况,有时候有家急忙需要修改代码,但家里的电脑环境跟公司完全是两回事,又要重新装 Node 环境,又要重新安装各种 node_modules,装的时候很慢,可能又要翻墙 等等,才能勉强跑起来。
理想中的 Web 前端工作流应该需要脱离 各种繁杂的环境依赖,并共享一份 node_modules。然后找啊找啊,找到了 WeFlow,但是很久没有维护,功能上也不是很满足需求,最后还是造了一个出来。
Github 地址是 https://github.com/legoflow/legoflow
LegoFlow
定位是做 一个简单、快捷、高效、开箱即用的 前端工作流客户端,无需各种配置系统环境。
- 开发者无需再配置各种版本混乱的 NodeJS 环境。
- 开发者无需再下载各个繁琐复杂的 node modules。
- 开发者无需再修改各样重复麻烦的工作流任务。
已实现的功能主要有
- 应用版本热更新,无需重复下载功能版本
- 基于 Webpack 的 JS 模块编译,支持各类 模块规范
- ES6 / ES7 ( Stage0 ) 编译
- Vue.js 开发环境
- Sass 预编译样式文件
- CSS Autoprefixer 自动补全
- 移动端 REM 方案,支持样式内嵌 Base64 图片
- 多张雪碧图合并
- 自动实现 WebP 解决方案
- 生成图片信息,智能图片压缩
- EJS 模板生成静态 HTML
- HTML 资源打包
- 内联样式脚本,替换线上静态资源地址
- JS 模块编译 Sass 文件 Autoprefixer 自动补全
- JS 模块编译 art-template 语法 tpl 文件
- JS 模块 UMD 规范模块导出,适用于组件开发
- JS 模块 flow-runtime / TypeScript 静态类型检查
- 支持构建 JS 模块库
- 支持自定义脚手架,合适每个团队配置自己的初始化文件
- 更多 ...
相关资源
下载
Github release 下载地址
百度云 下载地址
最后
可能不能全部满足各种各样的需求或者功能,但收到你的反馈建议后会做得更好更完善,超级欢迎大家给到反馈建议的哈~
下篇有机会将撰写一下构建类似这样工具的技术栈 以及 遇到的天坑。
网友评论