vite中的插件在配置文件vue.config.js中引入后不生效

[Tom Tong]

if you find some problems, please first read the FAQ

if you want some new feature, please know this plugin aims to let codebase work both in vite and vue-cli.
vue.config.js

const styleImport = require('vite-plugin-style-import');

module.exports = {
pluginOptions:{
vite:{
disabledTypeChecker:true,
plugins:[
styleImport({
libs: [
{
libraryName: 'vant',
esModule: true,
resolveStyle: (name) => vant/es/${name}/style,
},
],
})
]
}
}
}
pluginOptions 打印出来是空的

[PENG Rui]

可能有语法错误，加下 VITE_DEBUG=true 启动 yarn vite 试试

[PENG Rui]

https://github.com/IndexXuan/vue-cli-plugin-vite/blob/main/config/index.ts#L24

[Tom Tong]

可能有语法错误，加下 VITE_DEBUG=true 启动 yarn vite 试试

running: vite --config D:\autoproject\vite_vuecli\node_modules\vue-cli-plugin-vite\config\index.ts
TypeError: styleImport is not a function
提示不是一个函数

所以应该如果正确的引入vite插件呢？

[Tom Tong]

I solved it

add default

styleImport.default