Vue项目实战（持续更新中）

vue create ant-design-vue-pro

todo: 相关配置稍后补全

下载组件

• ant-design-vue：Ant Design 的 Vue 实现，开发和服务于企业级后台产品
• moment：时间组件

cnpm i ant-design-vue moment

自定义webpack和babel配置

外部组件的引入

代码

// 使用babel按需引入
import { X-xx } from "X"

babel配置文件

babel.config.js中添加下方配置

 plugins: [
    [
      "import",
      { libraryName: "ant-design-vue", libraryDirectory: "es", style: true }
    ] // `style: true` 会加载 less 文件
  ]

webpack配置依赖信息（也可直接使用npm安装）

"babel-plugin-import": "^1.12.0"

git版本：01 自定义Webpack和Babel配置