npm之babel-plugin-import，按需引入

当你需要按需引入组件时
比如这样：

import { Form, message, Row, Col } from "ant-design-vue";
import "ant-design-vue/lib/message/style/css";
import "ant-design-vue/lib/form/style/css";
import "ant-design-vue/lib/row/style/css";
import "ant-design-vue/lib/col/style/css";

css的引入方式很麻烦， 这就需要使用 babel-plugin-import 来实现了
首先在根目录下找到 .babelrc 文件
打开后基本是 这样的

{
    "presets": ["@babel/preset-env"],
    "plugins": [
      "@babel/plugin-transform-runtime"
    ]
}  

引入后， 只需要这样

{
    "presets": ["@babel/preset-env"],
    "plugins": [
      "@babel/plugin-transform-runtime",
      ["import",{"libraryName":"ant-design-vue","style":true}]
    ]
}  

其中： libraryName 组件名称
style： true 自动引入css

[“import”,{“libraryName”:“ant-design-vue”,“style”:true}]