LegoFlow 一个 Web 前端工作流客户端

开始

现在 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 下载地址

百度云 下载地址

最后

可能不能全部满足各种各样的需求或者功能,但收到你的反馈建议后会做得更好更完善,超级欢迎大家给到反馈建议的哈~

下篇有机会将撰写一下构建类似这样工具的技术栈 以及 遇到的天坑。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,539评论 25 709
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,278评论 7 35
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,357评论 4 31
  • js执行三部曲: (1) 语法分析(2) 预编译(3) 解释一行执行一行 预编译期间都做了啥事? 预编译发生在函数...
    __越过山丘__阅读 169评论 0 0
  • 你可知寺院的五观堂是什么意思? 五观堂, 也叫斋堂, 是寺院僧众用斋饭的地方, 相当于寺院里的食堂。 佛教中, 有...
    行愿文化阅读 5,587评论 0 0