@arco-plugins/视频反应
特性
Style lazy loadTheme importIcon replacement
Style lazy load开发期间没有更好的经验.
安装
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>
);
选项
该插件支持以下参数:
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
theme | {String} | '' | 主题包名称 |
iconBox | {String} | '' | 图标库软件包名称 |
modifyVars | {Object} | {} | 减去变量 |
style | {'css'|Boolean} | true | 样式导入方法 |
varsInjectScope | {(string|RegExp)[]} | [] | 注入较少变量的范围(修改Vars和主题包变量) |
** 固定进口方法**
style: true 将导入更少的文件
import '@arco-design/web-react/Affix/style';
style: 'css' 将导入 css 文件
import '@arco-design/web-react/Affix/style/css';
style: false 将不导入任何样式文件