跳到主要内容
版本:1.0.0

快速开始

备注

Farm 需要 Node 16.18.0 及更高版本

在线体验

Edit Farm

1. 创建一个 Farm 项目

npm
yarn
pnpm
bun
npm create farm@latest
然后按照提示操作!

您还可以通过附加命令行选项直接指定项目名称和要使用的模板:

npm
yarn
pnpm
bun
npm create farm my-react-app --template react

2.启动项目

选择您喜欢的包管理器,安装依赖项,然后启动项目。

npm
yarn
pnpm
bun
cd farm-project && npm i && npm start

默认情况下,该项目将从http://localhost:9000启动。

3. 配置项目

该项目由项目根目录中的“farm.config.ts/js/mjs”文件进行配置。

farm.config.ts
import { defineConfig } from "@farmfe/core";

export default defineConfig({
// 编译相关配置
compilation: {
input: {
// 可以配置相对或者绝对路径
index: "./index.html",
},
output: {
path: "./build",
publicPath: "/",
},
// ...
},
// Dev Server 相关配置
server: {
port: 9000,
// ...
},
// 插件配置
plugins: [],
});
备注

配置详情请参阅 配置 Farm

4. 构建项目

将 Farm 项目构建为生产环境可用的静态文件:

npm run build

构建的产品默认降级为ES2017,并且产品将被压缩和Tree Shake。 如果您想在本地预览构建产品,可以执行npm run Previewnpx farm Preview

下一步


Extremely Fast Web Build Tool Written in Rust

Copyright © 2024 Farm Community. Built with Docusaurus.