You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
1.0 KiB
34 lines
1.0 KiB
/** |
|
* @program: kicc-ui |
|
* @description: vite-plugin-style-import配置 |
|
* 提供对vite的按需引入组件库样式功能 |
|
* 文档: https://github.com/anncwb/vite-plugin-style-import |
|
* @author: entfrm开发团队-王翔 |
|
* @create: 2022/4/5 |
|
*/ |
|
|
|
import styleImport from 'vite-plugin-style-import'; |
|
import {createStyleImportPlugin} from 'vite-plugin-style-import'; |
|
export function configStyleImportPlugin() { |
|
const styleImportPlugin = styleImport({ |
|
libs: [ |
|
{ |
|
// 需要导入库名 |
|
libraryName: 'ant-design-vue', |
|
// 如果样式文件不是.css后缀,需要开启这个选项 |
|
esModule: true, |
|
// 自定义样式文件转换 |
|
resolveStyle: (name) => { |
|
return `ant-design-vue/es/${name}/style/index`; |
|
} |
|
}, |
|
{ // 按需加载vxe-table组件 |
|
libraryName: 'vxe-table', |
|
esModule: true, |
|
resolveComponent: (name) => `vxe-table/es/${name}`, |
|
resolveStyle: (name) => `vxe-table/es/${name}/style.css` |
|
} |
|
] |
|
}); |
|
return styleImportPlugin; |
|
}
|
|
|