vite加vue3项目中如何命名组件生效在浏览器的插件中

  1. 安装插件vite-plugin-vue-setup-extend

    npm i vite-plugin-vue-setup-extend

  2. 配置vite.config.ts文件

    import fileURLToPath,URL from 'node:url'
    import defineconfig from 'vite'
    import vue from '@vitejs/plugin-vue
    import VueSetupExtend from 'vite-plugin-vue-setup-extend'
    export default defineconfig({
    plugins:
    {
        vue(),
    VueSetupExtend()
    }
    resolve:
    {alias:
    {'@'fileURLToPath(new URL('./src',import.meta.url))}
    })
    
posted @ 2024-07-04 17:48  xiaowei123456  阅读(8)  评论(0编辑  收藏  举报