【无标题】

使用 farm 创建一个前端工程

Farm是一个使用Rust编写的前端工程构建工具，他有十分快速的构建速度并完全兼容vite插件

搭建&启动

目前farm支持原生、react、vue3、solid、lit的项目创建

npm	npm create farm@latest	cd farm-project && npm start
yarn	yarn create farm	cd farm-project && yarn start
pnpm	pnpm create farm	cd farm-project && pnpm start

配置

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

import { defineConfig } from "@farmfe/core";

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

其他配置

官方配置参考

以下是一份简易的资源路径配置参考

import { defineConfig } from '@farmfe/core';
import vue from '@vitejs/plugin-vue';
//安装path模块 > pnpm add --save-dev @types/node
import {join} from "path";


export default defineConfig({
  vitePlugins: [
    vue(),
    //vite插件放这
  ],
  compilation:{
    resolve:{
      alias: {
        '/@': join(process.cwd(), 'src'),
        "stream$": "readable-stream"
      },
    }
  }
});

## 启动
 ϟ  Farm  v0.16.4
 ✓  Ready in 68ms ⚡️ FULL EXTREME ! 

[ Farm ] > Local:   http://localhost:9000/
[ Farm ] > Network: http://192.168.1.32:9000/