vue2 让组件自动按需加载

插件

unplugin-vue-components

配置

在vue.config.js文件：

const AutoComponents = require('unplugin-vue-components/webpack');
// const { ElementUiResolver } = require('unplugin-vue-components/resolvers')

module.exports = defineConfig({


  configureWebpack: {
     plugins: [
       AutoComponents({
        // resolvers: [ElementUiResolver()]
       })
     ]
  }
})

这样就实现了你自定义的组件自动并且按需加载了
在components目录里开发完，在使用的地方不必引入和注册，可以直接用，标签名就是文件名

效果

比如<power-station-select>组件

看，在使用的地方才加载：