Vue按需引入Ant Design的一些问题（采坑）

npm i --save ant-design-vue

npm install less less-loader # ant design for vue使用less，所以需要安装less less-loader的相关配置

import {Button, message} from 'ant-design-vue';

const ant = {
    install: function (Vue) {
        Vue.use(message);
        Vue.component(Button.name, Button);
        Vue.prototype.$message = message;
    }
};
export default ant

// 引入vue ant design
import ant from "./config/AntDesign";
Vue.use(ant);

npm install babel-plugin-import --dev

module.exports = {
    presets: [
        '@vue/cli-plugin-babel/preset'
    ],
    plugins: [
        [
            "import",
            {libraryName: "ant-design-vue", libraryDirectory: "es", style: true}
        ]
    ]
}

module.exports = {
    css: {
        loaderOptions: {
            less: {
                javascriptEnabled: true
            }
        }
    }
}