`真` 零配置运行 ES6/TS/React/Vue/ 代码 - Falco

[coraline]

Falco 是基于 webpack，npm 的一层封装。解决的问题是 demo 代码的构建打包问题，而直接运行代码是附加的一个功能。

一个 GIF 运行例子： https://user-images.githubusercontent.com/2193211/55216793-afa54180-5238-11e9-9cda-f1c702dcd97b.gif

项目地址： https://github.com/fratercula/falco/

有以下的特点及说明

• 零配置，不需要写 babel 之类的配置文件
• 通过分析代码，自动安装 js 依赖
• 运行过程中添加的 js 依赖也会自动安装
• 全部构建所需依赖都会安装在系统临时目录，本地项目路径文件非常简洁
• 支持 cli 使用，以及 node 方式使用
• 支持高级配置，定制一些构建情况

使用方式很简单，在代码目录直接运行 falco -d 即可

更多详细说明： https://github.com/fratercula/falco/blob/master/README.md

[yuuko]

支持下

[azh7138m]

和 https://parceljs.org/ 比，有什么优点吗？

[coraline]

@azh7138m 这两个是不好比较的，这里有更详细的说明： https://mirror.am0200.com/#/posts/18

[azh7138m]

autoinstall 都有。
那可以举个例子吗？什么场景下，会比 parcel 更好用。

[justin2018]

nice 已使用~~

[coraline]

@azh7138m 我以前也用过 parcel，但仍然要配置一堆 babel 之类的配置

不过我今天重试了，发现现在强大好多了

但 cli 方式运行一个简单的例子（完全没有任何配置），直接错误

Server running at http://localhost:1234
🚨 /Users/aksdj4/Downloads/temp/main.js:7:8: Support for the experimental syntax 'classProperties' isn't currently enabled (7:9):
5 |
6 | export default class extends Component {
> 7 | state = {
| ^
8 | data,
9 | }
10 |

但 falco 是直接运行，没有任何问题

大体上就是 webpack 跟 parcel 的对比了，还有就是不会在你的开发目录安装任何依赖，需要的依赖都放在系统临时目录

[azh7138m]

@coraline 其实就是一个语法探测和然后帮你装插件吧，理论上可以做，babel 提供的信息挺多的，但是是个文本的.....
不知道 babel 会不会愿意返回一个结构化数据

但你这个是相当于内置一份默认 babelrc，应该对标 https://neutrinojs.org/

> 需要的依赖都放在系统临时目录
这个看包管理的行为了，你要这么操作，等 pnp 上了要怎么处理呢？

[coraline]

@azh7138m 事实上做这个工具的出发点就是快速构建业务 demo 代码，需要各方面自己控制。直接运行代码只是开发过程中发现可以带上的

[crs0910]

https://poi.js.org

[coraline]

@crs0910 这个没有 auto install packages 功能

[deathscythe]

前端学不动了...

[blanu]

任何框架的框架都解决不了抽象泄漏的问题，所以正经项目还是自己搞吧