const AutoImport = require('unplugin-auto-import/webpack');
const Components = require('unplugin-vue-components/webpack');
const {
    ElementPlusResolver,
    NaiveUiResolver,
} = require('unplugin-vue-components/resolvers');

    plugins: [
        AutoImport({
            // 第三方组件库的解析器
            resolvers: [ElementPlusResolver(), NaiveUiResolver()],
            // vue vue-router pinia等
            imports: [
                'vue',
                'vuex',
                'vue-router',
                {
                    'naive-ui': [
                        'useDialog',
                        'useMessage',
                        'useNotification',
                        'useLoadingBar',
                        'zhCN',
                        'dataZhCN',
                    ],
                },
            ],
            dts: 'src/autoImport.d.ts',
            eslintrc: {
                enabled: false, // 默认false, true启用。生成一次就可以,避免每次工程启动都生成
                filepath: './.eslintrc-auto-import.json', // 生成json文件
                globalsPropValue: true,
            },
        }),
        Components({
            dirs: ['src/components'],
            extensions: ['vue', 'md'],
            dts: 'src/components.d.ts',
            resolvers: [ElementPlusResolver(), NaiveUiResolver()],
        }),
    ],

相关链接
https://juejin.cn/post/7062648728405934087open in new window

Last Updated:
Contributors: shenxin