Plugin-vite-arco-admin NPM

@arco-plugins/vite-react

Feature

Style lazy load
Theme import
Icon replacement

Style lazy load doesn't work during development for better experience.

Install

npm i @arco-plugins/vite-react -D

Usage

// vite.config.js

import vitePluginForArco from '@arco-plugins/vite-react'

export default {
  ...
  plugins: [
    vitePluginForArco(options),
  ],
}

// react
import { Button } from '@arco-design/web-react';

export default () => (
  <div>
    <Button type="secondary">Cancel</Button>
    <Button type="primary">Submit</Button>
  </div>
);

Options

The plugin supports the following parameters:

Params	Type	Default Value	Description
`theme`	`{String}`	`''`	Theme package name
`iconBox`	`{String}`	`''`	Icon library package name
`modifyVars`	`{Object}`	`{}`	Less variables
`style`	`{'css'\\|Boolean}`	`true`	Style import method
`varsInjectScope`	`{(string\\|RegExp)[]}`	`[]`	Scope of injection of less variables (modifyVars and the theme package's variables)

Style import methods

style: true will import less file

import '@arco-design/web-react/Affix/style';

style: 'css' will import css file

import '@arco-design/web-react/Affix/style/css';

style: false will not import any style file

arco arco-design arco-plugin plugin vite

@babel/generator @babel/helper-module-imports @babel/parser @babel/traverse @babel/types @types/node

1.3.1

2 years ago