Как правильно связать AntD? - PullRequest
Новая
       20

Как правильно связать AntD?

1 голос
/ 06 января 2020

Я бы впервые не использовал CRA для проекта, поэтому следую этому руководству здесь .

Под заголовком Customize Theme. Я пытаюсь импортировать стили по умолчанию для ant.design (, если возможно, не импортировать стили, если компонент не импортирован? ) и иметь возможность переопределить его. Я не уверен, где именно go отсюда. Как я могу реализовать секцию less / less-loader в моем .babelr c?

Также я хочу иметь возможность использовать babel-plugin-import, чтобы я мог вызывать компонент по требованию так, как он выглядит как будто я импортирую всю библиотеку. 

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ],
  "plugins": [
    "@babel/plugin-proposal-class-properties",
    [
      "import",
      {
        "libraryName": "antd",
        "libraryDirectory": "es"
      }
    ]
  ]
}

Edit Parcel Antd

1 Ответ

0 голосов
/ 07 января 2020

У меня была такая же проблема, но я решил. Создайте файл webpackr c в каталоге root и вставьте следующий скрипт 

{
"extraBabelPlugins": [
["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }]
]
}

или просто попробуйте этот файл, чтобы импортировать antd css - 

@import '~antd/dist/antd.css';

В начало либо / оба приложения. css и индекса. css.

Надеюсь, что помогает!

...