Farm快速开始
在线体验
1. 创建一个 Farm 项目
npm
yarn
pnpm
bunsh
npm create farm@latestsh
yarn create farm@latestsh
pnpm create farm@latestsh
bun create farm@latestsh
npm create farm my-react-app --template reactsh
yarn create farm my-react-app --template reactsh
pnpm create farm my-react-app --template reactsh
bun create farm my-react-app --template react2.启动项目
选择您喜欢的包管理器，安装依赖项，然后启动项目。
sh
cd farm-project && npm i && npm startsh
cd farm-project && yarn i && yarn startsh
cd farm-project && pnpm i && pnpm startsh
cd farm-project && bun i && bun 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: [],
});
4. 构建项目
将 Farm 项目构建为生产环境可用的静态文件：
bash
npm run build
构建的产品默认降级为ES2017，并且产品将被压缩和Tree Shake。 如果您想在本地预览构建产品，可以执行npm run Preview或npx farm Preview。