Fvx
⭐️ An automatic, convenience and flexible scaffold Tooling for React Development. ⭐️
Easy to Use
Out-of-the-box support for Babel, TypeScript, ESLint, PostCSS, Less, Sass, images-loader, Unit Testing & End-to-end Testing.
Extensible
The plugin system allows the community to build and share reusable solutions to common needs.
Less to Learn
You don't need to learn and configure many build tools. Instant reloads help you focus on development. When it's time to deploy, your bundles are optimized automatically.
Get started in seconds
Whether you’re using React or another library, Fvx lets you focus on code, not build tools.
To create a project called my-app, run this command:
欢迎使用fvx, 灵活构建react项目~🎉🎉🎉
? 是否创建新的项目? Yes
? 请输入项目名称? proj
? 请输入作者? mike
? 请选择公共管理状态?
❯ ◉ no need
◯ mobx
◯ redux
? 请选择公共管理状态? no need
? 请选择相应的模块?
❯ ◉ sass-loader
◯ less-loader
◉ typescript
❯ ◉ image(url-loader,file-loader)
? 请选择相应的模块? sass-loader, typescript, image(url-loader,file-loader)
----------开始构建-----------
当前路径:/private/tmp/test
创建文件:/private/tmp/test/tsconfig.json
创建文件:/private/tmp/test/src/app.tsx
...
yarn install v1.22.10
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
[4/4] 🔨 Building fresh packages...
success Saved lockfile.
✨ Done in 36.18s.
yarn run v1.22.10
$ webpack-dev-server --config ./config/webpack.base.js
Happy[babel]: Version: 5.0.1. Threads: 3
ℹ ｢wds｣: Project is running at http://localhost:9901/
webpack 5.51.1 compiled successfully in 2168 ms
ℹ ｢wdm｣: Compiled successfully.
Easy to Maintain
Updating your build tooling is typically a daunting and time-consuming task. When new versions of Fvx are released, you can upgrade using a single command: