@opentiny/vue-vite-import
v1.2.0
Published
A TinyVue vite import plugin
Downloads
88
Readme
vite-plugin-babel-import
A TinyVue vite import plugin.
install
npm i @opentiny/vue-vite-import -D
Example
import { ButtonGroup } from '@opentiny/vue';
import { iconShare } from '@opentiny/vue-icon'
↓ ↓ ↓ ↓ ↓ ↓
import ButtonGroup from '@opentiny/vue-button-group';
import iconShare from '@opentiny/vue-icon/lib/icon-share.js'
Usage
// vite.config.js
// ...
import importPlugin from '@opentiny/vue-vite-import'
// ...
export default {
// ...
plugins: [
// ...
importPlugin(
[
{
libraryName: '@opentiny/vue',
split: '-' // 自定义分隔符
},
{
libraryName: '@opentiny/vue-icon',
customName: (name) => {
// 自定义模块名称
return `@opentiny/vue-icon/lib/${name.replace(/^icon-/, '')}.js`
}
}
],
'pc'
) // 第二个参数可选,表示只打包pc或者移动模板 pc | mobile | undefined
]
// ...
}
1.2.0版本新增参数重载
// vite.config.js
// ...
import importPlugin from '@opentiny/vue-vite-import'
// ...
export default {
// ...
plugins: [
// ...
importPlugin(
{
options: [
{
libraryName: '@opentiny/vue',
split: '-' // 自定义分隔符
},
{
libraryName: '@opentiny/vue-icon',
customName: (name) => {
// 自定义模块名称
return `@opentiny/vue-icon/lib/${name.replace(/^icon-/, '')}.js`
}
}
],
mode: 'pc', // mode可选,表示只打包pc或者移动模板 pc | mobile | undefined
exclude: [/test\.vue/] // 可选,表示需要剔除掉的文件
},
'pc'
)
]
// ...
}