farm plugin which support use babel

npm i @farmfe/js-plugin-babel -D

or yarn/pnpm

pnpm i @farmfe/js-plugin-babel -D

// farm.config.ts
import { babel } from "@farmfe/js-plugin-babel";
import react from "@farmfe/plugin-react";

defineConfig({
  plugins: [
    // transform by babel, default transform `js`, `jsx`, `ts`, `tsx` files
    babel(),
    // transform react
    react(),
  ],
});

• Type: { moduleTypes: ModuleType[], resolvedPaths: string[] }
• Default:

{
    moduleTypes: ["js", "jsx", "ts", "tsx"],
    resolvedPaths: []
}

Determines which files to transform

For example, files with the tsx extension

{
  resolvedPaths: [".tsx$"];
}

Or use module types to distinguish

{
  moduleTypes: ["tsx", "jsx"];
}

The type comes from the return value of the load hook and can be customized (farm has some default types js, jsx, ts, tsx, css, html, asset, runtime that can be used directly)

Babel transform configuration

• Type: number
• Default: 99

The priority of the farm plugin execution, the higher the priority, the earlier it executes.

• Type: string
• Default: js-plugin:babel

The name of the farm plugin