Интегрировать ant-design с next.js - PullRequest
Новая
       12

Интегрировать ant-design с next.js

0 голосов
/ 02 марта 2019

Я пытаюсь интегрировать ant-design с next.js.Я установил next в проекте узла по умолчанию вместо использования create-next-app.

Я последовал Zeit Пример интеграции next с antd.

Мой файл package.json 

{
  "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"
  }
}

А мой .babelrc файл 

{
    "presets": ["next/babel"],
    "plugins": [
      ["import", { "libraryName": "antd", "style": "css" }]
    ],
}

Но я получаю сообщение об ошибке типа You may need an appropriate loader to handle this file type, указывающее напуть /node_modules/antd/dist/antd.css.

Как решить эту проблему?

1 Ответ

0 голосов
/ 02 марта 2019

Вам необходимо предоставить способ загрузки CSS-файлов, обычно для этого нужно использовать css-loader, но рядом есть быстрые вызовы next-css.

Просто добавьте в свой файл next.config.js этот файл: 

// next.config.js
const withCSS = require('@zeit/next-css')
module.exports = withCSS()

Оформить официальный пример: https://github.com/zeit/next.js/blob/canary/examples/with-next-css/next.config.js

...