README.md

@yardinternet/vite-config

Vite configuration used by the WordPress team for sites and packages.

To do:

• Update Vite to 7.0.0 (check all dev dependencies for compatibility).

Installation

npm i @yardinternet/vite-config

Usage

Brave Theme Vite config

In the vite.config.js in the root of your project:

/**
 * External dependencies
 */
import { braveConfig } from '@yardinternet/vite-config';

export default braveConfig( {
 theme: process.env.THEME,
 entryPoints: [
  'resources/scripts/editor/editor.js',
  'resources/scripts/frontend/frontend.js',
  'resources/styles/editor.css',
  'resources/styles/frontend.css',
 ],
} );

Using Vite mergeConfig

You can add extra config to the braveConfig by using Vite's mergeConfig() function. This is useful for adding custom server settings or plugins.

/**
 * External dependencies
 */
import { defineConfig, mergeConfig } from 'vite';
import { braveConfig } from '@yardinternet/vite-config';

export default mergeConfig(
 braveConfig( {
  theme: process.env.THEME,
  entryPoints: [
  'resources/scripts/editor/editor.js',
  'resources/scripts/frontend/frontend.js',
  'resources/styles/editor.css',
  'resources/styles/frontend.css',
  ],
 } ),
 defineConfig( {
  // Change server settings
  server: {
   hmr: {
    host: 'localhost',
   },
  },
  // Add extra plugins
  plugins: [],
 } )
);

Brave theme blocks Vite config

In the vite-blocks.config.js in the root of your block project:

/**
 * External dependencies
 */
import { defineConfig } from 'vite';
import { braveBlocksConfig } from '@yardinternet/vite-config';

export default defineConfig(
 braveBlocksConfig({ blockPath: process.env.BLOCK_PATH })
);