@dangojs/unplugin-vue-pro-components-resolver

unplugin-vue-pro-components-resolver

支持 @dangojs/a-pro-components 和 arco-design/web-vue 在vue模板中的自动引入

<template>
  <div>
    <AQueryHeader  />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

自动转换成 👇🏻 代码

<template>
  <div>
    <AQueryHeader  />
  </div>
</template>

<script>
import {AQueryHeader} from '@dangojs/a-pro-components';
import '@dangojs/a-query-header/dist/css/index.js'; // 这是less的样式
export default {
  name: 'App', 
  components: {
   AQueryHeader 
  }
}
</script>

在webpack中使用

const DongoResolver = require('@dangojs/unplugin-vue-pro-components-resolver');

{
  ...,
  plugins: [
      ...
      require('unplugin-vue-components/webpack')({
        dts: true,
        extensions: ['vue'],
        resolvers: [DongoResolver()],
      }),
      ...
  ]    
}

todo

• [ ] 支持基础组件