title: To integrate ant-design with next.js
body: <p>I am trying to integrate <code>ant-design</code> with <code>next.js</code>. I have installed <code>next</code> in a default node project instead of using <code>create-next-app</code>. </p>
  
  <p>I have followed <a href="https://github.com/zeit/next.js/tree/canary/examples/with-ant-design" rel="nofollow noreferrer">zeit example</a> of integrating <code>next</code> with <code>antd</code>. </p>
  
  <p>My package.json file is </p>
  
  <pre><code>{
    "name": "crowd-funding",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "dev": "next dev"
    },
    "author": "Thananjaya Chakravarthy S",
    "license": "ISC",
    "dependencies": {
      "@zeit/next-css": "^1.0.1",
      "antd": "^3.13.6",
      "next": "^4.1.4",
      "react": "^16.8.3",
      "react-dom": "^16.8.3",
  
    },
    "devDependencies": {
      "babel-plugin-import": "^1.11.0"
    }
  }
  </code></pre>
  
  <p>And my <code>.babelrc</code> file is </p>
  
  <pre><code>{
      "presets": ["next/babel"],
      "plugins": [
        ["import", { "libraryName": "antd", "style": "css" }]
      ],
  }
  </code></pre>
  
  <p>But I am getting an error like <code>You may need an appropriate loader to handle this file type</code>, pointing towards the path <code>/node_modules/antd/dist/antd.css</code>.</p>
  
  <p>How to resolve this?</p>