@refly/plugin-vite-encoding v1.3.3

@arco-plugins/vite-react

特性

1. 样式按需加载
2. 主题引入
3. 图标替换

为了开发体验，开发环境下样式为全量引入

安装

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

用法

// 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>
);

参数

插件支持以下参数:

样式引入方式

style: true 将引入 less 文件

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

style: 'css' 将引入 css 文件

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

style: false 不引入样式