Vue 引入Ant Design 报错，Module parse failed

最近在公司项目框架从react 切换到 vue，搭建完整体框架之后，需要集成ant design来开发。 按照官网的介绍，完成安装，然后引用

$ npm i --save ant-design-vue
......

import Vue from 'vue'
import Antd from 'ant-design-vue'
import App from './App'
import 'ant-design-vue/dist/antd.css'
Vue.config.productionTip = false

Vue.use(Antd)

原以为一切顺利，但是项目跑不起来，查看报错原因：

Module parse failed: Unexpected token (7:5) You may need an appropriate loader to handle this file type

然后下面还有一个具体出错文件的描述，不能处理antd.css

什么鬼？我也直接懵了。

在网上找了一圈，没发现和自己类似的，没办法，打开梯子，谷歌大法

终于找到解决方案

需要在webpack中添加一段代码，添加css-loader 来处理.css文件

module: {
    rules: [
      ...
      {
        test: /\.css$/,
        loaders: ["style-loader", "css-loader"]
      }
    ]
  },

再次重新npm run dev ，启动成功。