Ant-design: рд╡реИрд╢реНрд╡рд┐рдХ рд╕реАрдПрд╕рдПрд╕ рдШрдЯрдХ рд╕реАрдПрд╕рдПрд╕ рдЖрдпрд╛рдд рдХреЗ рд╕рд╛рде рд╢рд╛рдорд┐рд▓ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 21 рджрд┐рд╕ре░ 2016  ┬╖  89рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: ant-design/ant-design

рдЗрд╕ рдорд╣рд╛рди рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж!

рдореИрдВрдиреЗ рдореЙрдбреНрдпреВрд▓рд░ рд╕реАрдПрд╕рдПрд╕ рдЖрдпрд╛рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП babel-plugin-import рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА, рд▓реЗрдХрд┐рди рдПрдХ рд╡реНрдпрдХреНрддрд┐рдЧрдд рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рд╕реАрдПрд╕рдПрд╕ рдХреЗ рд╕рд╛рде, рдмрд╣реБрдд рд╕рд╛рд░реЗ рд╡реИрд╢реНрд╡рд┐рдХ рд╕реАрдПрд╕рдПрд╕ рдЖрдпрд╛рдд рдХрд┐рдП рдЬрд╛ рд░рд╣реЗ рд╣реИрдВ рдЬреЛ рдореЗрд░реА рдореМрдЬреВрджрд╛ рд╢реИрд▓рд┐рдпреЛрдВ рдореЗрдВ рд╣рд╕реНрддрдХреНрд╖реЗрдк рдХрд░рддреЗ рд╣реИрдВред рдХреНрдпрд╛ рд╡реИрд╢реНрд╡рд┐рдХ рд╕реАрдПрд╕рдПрд╕ рдХреЛ рд╢рд╛рдорд┐рд▓ рдХрд┐рдП рдмрд┐рдирд╛ рдХрд┐рд╕реА рд╡реНрдпрдХреНрддрд┐рдЧрдд рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рд╕реАрдПрд╕рдПрд╕ рдЖрдпрд╛рдд рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ?

рдзрдиреНрдпрд╡рд╛рдж!

ЁЯЧг Discussion ЁЯЩЕЁЯП╗тАНтЩАя╕П WON'T RESOLVE

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рд╣рд╛рд▓рд╛рдВрдХрд┐ рдпрд╣ рднрдпрд╛рдирдХ рдбрд┐рдЬрд╛рдЗрди рд╣реИред

рд╕рднреА 89 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдХреНрдпрд╛ рдЖрдкрдХрд╛ рдорддрд▓рдм рд╕реАрдПрд╕рдПрд╕ рдирд┐рдпрдо рдЗрд╕ рддрд░рд╣ рд╣реИ?

html,
body {
  ...
}

рд╣рд╛рдВред

рдЕрдм рдЙрди CSS рдирд┐рдпрдореЛрдВ рдХреЛ рдЖрдпрд╛рдд рдирд╣реАрдВ рдХрд░рдирд╛ рдЕрд╕рдВрднрд╡ рд╣реИред

https://github.com/ant-design/ant-design/issues/1966#issuecomment -247946641

рдЖрдкрдХреЛ рдЕрдм рдЗрди рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдУрд╡рд░рд░рд╛рдЗрдб рдХрд░рдирд╛ рд╣реЛрдЧрд╛ред


рдпрд╛ рдЖрдк style рдХреЗ рд╡рд┐рдХрд▓реНрдк рдХреЛ рдЫреЛрдбрд╝ рджреЗрдВ babel-plugin-import , рдХрдо рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ рдЗрдВрдбреЗрдирдкреЗрдВрдЯ рд░реВрдк рд╕реЗ рдЖрдпрд╛рдд рдХрд░реЗрдВред

<strong i="12">@import</strong> "~antd/lib/style/themes/default.less";
<strong i="13">@import</strong> "~antd/lib/button/style/index.less";

рд╣рд╛рд▓рд╛рдВрдХрд┐ рдпрд╣ рднрдпрд╛рдирдХ рдбрд┐рдЬрд╛рдЗрди рд╣реИред

рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдЗрд╕ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЛ рдХрд╛рдо рдХрд░рдиреЗ рдореЗрдВ рдмрд╣реБрдд рдореБрд╢реНрдХрд┐рд▓ рдмрдирд╛рддреА рд╣реИред рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рд╢рд░реАрд░ рдкрд░ рд╡реИрд╢реНрд╡рд┐рдХ рдЧреБрдг рдЖрджрд┐ред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдФрд░ рдЕрдзрд┐рдХ рд╕реНрдкрд╖реНрдЯ рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП рдЬрдм рддрдХ рдХрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдЗрд╕реЗ рдмрджрд▓рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рди рд╣реЛред

@Forestdev @peitalin рдпрд╣ рдПрдХ рдЬреНрдЮрд╛рдд рдореБрджреНрджрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкрд░реНрдпрд╛рдкреНрдд рд╕рдордп рдирд╣реАрдВ рд╣реИред

рд▓реЗрдХрд┐рди рд╣рдо рдпрд╣рд╛рдВ рдЪрд░реНрдЪрд╛ рдЬрд╛рд░реА рд░рдЦ рд╕рдХрддреЗ рд╣реИрдВред

рдпрджрд┐ рд╣рдо рдмреНрд░реЗрдХрд┐рдВрдЧ рдкрд░рд┐рд╡рд░реНрддрди рдЖрдпрд╛рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рддреЛ рд╣рдо рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рд╣рд▓ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдЬреИрд╕реЗ, рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдШрдЯрдХреЛрдВ рдХреА рд╢реИрд▓рд┐рдпреЛрдВ рдореЗрдВ рд░реАрд╕реЗрдЯ рдореЗрдВ рд▓реЗ рдЬрд╛рдирд╛:

рдХрджрдо:

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); //  remove tap highlight color for mobile safari
}

рдкреНрд░рддрд┐:

.ant-btn,
.ant-btn * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); //  remove tap highlight color for mobile safari
}

рдФрд░ рдкрд╢реНрдЪрдЧрд╛рдореА рд╕рдВрдЧрддрддрд╛ рдХреЗ рд▓рд┐рдП, рд╣рдо рдПрдХ рд╕реНрдЯреИрдВрдбрдЕрд▓реЛрди рд░реАрд╕реЗрдЯ рд╕реНрдЯрд╛рдЗрд▓рд╢реАрдЯ рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

import 'antd/styles/reset.less'

рдХреНрдпрд╛ рдЗрд╕ рдкрд░ рдХреЛрдИ рдЕрдкрдбреЗрдЯ рд╣реИ?

рд╣рдо рдЪрд░реНрдЪрд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдЕрднреА рдХреЛрдИ рд╕рдорд╛рдзрд╛рди (рдпрджрд┐ рд╣рдо рдкрд╛ рд╕рдХрддреЗ рд╣реИрдВ) рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдХрд╛ рд╕рдордп рдирд╣реАрдВ рд╣реИред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдПрдХ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдореБрджреНрджрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдмрд╣реБрдд рд╕реЗ рд▓реЛрдЧ рд╡реИрд╢реНрд╡рд┐рдХ рд╕реАрдПрд╕рдПрд╕ рдЖрдпрд╛рдд рдХрд░рдиреЗ рдФрд░ рдЕрдкрдиреА рдореМрдЬреВрджрд╛ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдУрд╡рд░рд░рд╛рдЗрдб рдХрд░рдиреЗ рдХрд╛ рдЬреЛрдЦрд┐рдо рдирд╣реАрдВ рдЙрдард╛ рд╕рдХрддреЗ рд╣реИрдВ

рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХрд╖реНрдЯрдкреНрд░рдж рд╣реИ рдЬрд┐рд╕рдиреЗ рдореБрдЭреЗ рдЕрдВрддрдбреЛ рдХреЛ рдЕрдкрдирд╛рдиреЗ рд╕реЗ рд░реЛрдХ рджрд┐рдпрд╛

рдпрд╣ рдХрдИ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЛ рдмреНрд▓реЙрдХ рдХрд░ рджреЗрдЧрд╛#

рдХреНрдпреЛрдВрдХрд┐ рдЪреАрдВрдЯреА рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХреЗ рдЕрдиреБрдХреВрд▓ рдирд╣реАрдВ рд╣реЛ рд╕рдХрддреА, рдореБрдЭреЗ рдЪреАрдВрдЯреА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЫреЛрдбрд╝рдирд╛ рдкрдбрд╝рд╛ред

рдХреИрд╕реЗ рдПрдХ рд╕реНрд╡рддрдВрддреНрд░ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдореЗрдВ рдХрдо рдлрд╝рд╛рдЗрд▓ рд╕реЗ рдмрд╛рд╣рд░ рд░рдЦрд╛ рдЬрд╛рдПред

рдмреАрдЯреАрдбрдмреНрд▓реНрдпреВред рдореИрдВ рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ

рд╕рдВрдмрдВрдзрд┐рдд рдЪрд░реНрдЪрд╛: https://github.com/palantir/blueprint/issues/244

рд╣реЗ рджреЛрд╕реНрддреЛрдВ, рдореИрдВ [email protected] рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЗ рдореБрджреНрджреЗ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдЦреЛрдЬрдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред

рдореИрдВрдиреЗ @benjycui рд╕реЗ import 'antd/styles/reset.less' рдХреЗ рд╕рдорд╛рдзрд╛рди рдХреА рдХреЛрд╢рд┐рд╢ рдХреАред рдпрд╣ рдкрддрд╛ рдЪрд▓рд╛ рд╣реИ рдХрд┐ рдпрд╣ рдПрдХ рдмреНрд░реЗрдХ рдкрд░рд┐рд╡рд░реНрддрди рд╣реЛрдЧрд╛ рдФрд░ рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдмреЗрдмреЗрд▓-рдкреНрд▓рдЧрдЗрди-рдЖрдпрд╛рдд рдХреЗ рд╕рд╛рде рдЖрдпрд╛рдд рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдФрд░ рдЕрдзрд┐рдХ рдЬрдЯрд┐рд▓ рдмрдирд╛ рджреЗрдЧрд╛ред рдЗрд╕рд▓рд┐рдП рдореИрдВ рдЗрд╕реЗ рдкрд╛рд╕ рдХрд░рдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд░рддрд╛ рд╣реВрдВред

рддрдм рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕ рдореБрджреНрджреЗ рдХрд╛ рдореБрдЦреНрдп рдмрд┐рдВрджреБ рд▓рдЧрднрдЧ babel-plugin-import рд╣реИ рдЬреЛ рдХреЛрдб рдХреЛ рдЗрд╕рдореЗрдВ рдмрджрд▓ рджреЗрдЧрд╛:

import Button from 'antd/lib/button';
import 'antd/lib/button/style/css';   // It will import reset styles and hard to override it because it was imported lately!!!

рдЗрд╕рдХреЗ рд▓рд┐рдП рдмреЗрд╣рддрд░ рд╕рдорд╛рдзрд╛рди style рдХреЗ babel-plugin-import рд╡рд┐рдХрд▓реНрдк рдФрд░ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ рдЖрдпрд╛рдд рд╢реИрд▓реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рдирд╛ рд╣реИред

<strong i="17">@import</strong> '~antd/dist/antd.css';

// your global styles
body {
 ...
}

рдЗрд╕рд▓рд┐рдП рдореИрдВ рдкреВрд░реЗ reset.less рд╡рд┐рдЪрд╛рд░ рдХреЛ рдЫреЛрдбрд╝ рджреЗрддрд╛ рд╣реВрдВ рдФрд░ рдХреЗрд╡рд▓ рдХрд╖реНрдЯрдкреНрд░рдж рд░реАрд╕реЗрдЯ рдХреЛрдб рд╣рдЯрд╛ рджреЗрддрд╛ рд╣реВрдВ рдЬреИрд╕реЗ: https://github.com/ant-design/ant-design/blob/afce275d25abe958b32cf15ba1f16c49f4fca900/components/style/core/baseред рдХрдо#L33 -L50

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдореИрдВрдиреЗ #6162 . рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдмреВрдЯрд╕реНрдЯреНрд░реИрдк@v4 рд╕реЗ рдмреЗрд╣рддрд░ рдЯрд╛рдЗрдкреЛрдЧреНрд░рд╛рдлреА рдХреЛрдб рдЬреЛрдбрд╝рд╛

рд╕рднреА рдЕрдкрдбреЗрдЯ рдЕрднреА #7682 рдореЗрдВ рд╣реИрдВ рдФрд░ рдЬрд▓реНрдж рд╣реА antd-3.0 рдореЗрдВ рд╡рд┐рд▓рдп рдХрд░ рджрд┐рдП рдЬрд╛рдПрдВрдЧреЗред

рдмрд╕ import 'antd/styles/reset.less рдХреЛ import 'antd/styles/typography.less рдореЗрдВ рдмрджрд▓реЗрдВред

рдЬрдм рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ [email protected] рд╕реЗ рдЕрдкрдЧреНрд░реЗрдб рдХрд░рддреЗ рд╣реИрдВ, рддреЛ import 'antd/styles/typography.less рдорд╛рдЗрдЧреНрд░реЗрд╢рди рдХреЛ рдЖрд╕рд╛рди рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдПрдбреЗрдкреНрдЯрд░ рд╣реЛрддрд╛ рд╣реИред

рдЬрдм рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЬреЛ antd рдореЗрдВ рдирдП рд╣реИрдВ, import 'antd/styles/typography.less рдПрдХ рд╡реИрдХрд▓реНрдкрд┐рдХ рд╕реБрд╡рд┐рдзрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЙрдиреНрд╣реЗрдВ рд╡рд┐рд░реЛрдзреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЪрд┐рдВрддрд╛ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИред

antd/style/v2-compatible-reset.less рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ред

+// For 2.x reset compatibility
+//   import 'antd/style/v2-compatible-reset';
+//     or
+//   <strong i="7">@import</strong> '~antd/style/v2-compatible-reset.css';

рдХреНрдпрд╛ рдХреЛрдИ рдХреГрдкрдпрд╛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдЪрд░рдгреЛрдВ рдХреА рд╡реНрдпрд╛рдЦреНрдпрд╛ рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдЕрдм рдмрдВрдж рд╣реЛ рдЧрдИ рд╣реИред рдореИрдВ рдХреНрд░реЛрдо рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреА рд╕рд╛рдордЧреНрд░реА рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдПрдПрдирдЯреАрдбреА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдпрд╣ рд╕рднреА рд╡реЗрдмрдкреГрд╖реНрдареЛрдВ рдХреЗ рд╕рд╛рде рдЧрдбрд╝рдмрдбрд╝ рдХрд░ рджреЗрддрд╛ рд╣реИред

@abhinavzspace рдЖрдк 3.0 рдЕрд▓реНрдлрд╛ рдмрд┐рд▓реНрдб рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП antd@next рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬреЛ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдХреБрдЫ рд╣рдж рддрдХ рд╣рд▓ рдХрд░рддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдирд╣реАрдВред

рдмрд╣реБрдд рд╕рдордп рдмрд╛рдж рдореБрдЭреЗ рдХреБрдЫ рд╕рдорд╛рдзрд╛рди рдорд┐рд▓рд╛ рдЬреЛ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рдерд╛ред рд╢рд╛рдпрдж рдпрд╣ рджреВрд╕рд░реЛрдВ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ ...

рд╕рдорд╕реНрдпрд╛ рдпрд╣ рд╣реИ рдХрд┐ рдкреНрд░рддреНрдпреЗрдХ рдШрдЯрдХ style/core/base.less рд╕реЗ рд╡реИрд╢реНрд╡рд┐рдХ рд░реАрд╕реЗрдЯ рдФрд░ рдУрд╡рд░рд░рд╛рдЗрдб (рд╕рд╛рдорд╛рдиреНрдпреАрдХреГрдд.css рд╕рд╣рд┐рдд) рдХрд╛ рдПрдХ рдЧреБрдЪреНрдЫрд╛ рдЖрдпрд╛рдд рдХрд░рддрд╛ рд╣реИ, рдпрджрд┐ рдпрд╣ рд╢реИрд▓рд┐рдпрд╛рдБ рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рд▓реЛрдб рдХрд░рддреА рд╣реИрдВ рддреЛ рд╡реЗ рдкреГрд╖реНрда рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдУрд╡рд░рд░рд╛рдЗрдб рдХрд░рддреА рд╣реИрдВ рдЬреЛ рд╕рдм рдХреБрдЫ рдЧрдбрд╝рдмрдбрд╝ рдХрд░ рджреЗрддреА рд╣реИрдВред

рдкрд╛рдпрд╛ рдХрд┐ рдЬреЛрдбрд╝рдирд╛

import 'antd/lib/style/index.css'
// import 'antd/lib/style'  if you are using LESS

рдореЗрд░реА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЗ рдкреНрд░рд╡реЗрд╢ рдмрд┐рдВрджреБ рдкрд░ рд╡реЗрдмрдкреИрдХ рдЕрдиреНрдп рд╕рднреА рд╢реИрд▓рд┐рдпреЛрдВ рд╕реЗ рдкрд╣рд▓реЗ рд░реАрд╕реЗрдЯ рдХреЛ рдкреИрдХ рдХрд░рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЬрдм рдПрдХ рдПрд╕рд┐рдВрдХ рдШрдЯрдХ рд▓реЛрдб рд╣реЛрддрд╛ рд╣реИ рддреЛ рдпрд╣ рд░реАрд╕реЗрдЯ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЖрдпрд╛рдд/рд╢рд╛рдорд┐рд▓ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред

рдХреНрдпрд╛ рдпрд╣ рдкреНрд░рддреНрдпреЗрдХ рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рдПрдХ рдФрд░ index.less рджреЗрдирд╛ рдЪрд╛рд╣рд┐рдПред index.less рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдФрд░ рд▓рдЧрднрдЧ рд╕рднреА рдХрдо рдлрд╝рд╛рдЗрд▓ @import рдирд┐рд░реНрджреЗрд╢ рдХреЛ рд╣рдЯрд╛ рджреЗрдВ рдпрд╛ рдХреЗрд╡рд▓ @import (рд╕рдВрджрд░реНрдн) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ

рдХреНрдпрд╛ рдпрд╣ рдПрдХ рдЕрдЪреНрдЫрд╛ рд╕рдорд╛рдзрд╛рди рд╣реЛрдЧрд╛?

рдЯреАрдПрд╕рдХреЗ рдЯреАрдПрд╕рдХреЗ рдЯреАрдПрд╕рдХреЗред рдпрд╣ рдореБрджреНрджрд╛ "рдЦреБрд▓рд╛" рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП рддрд╛рдХрд┐ рд╕рднреА рдХреЛ рдкрддрд╛ рдЪрд▓реЗ рдХрд┐ рдпрд╣ рдПрдХ рдЬреНрдЮрд╛рдд рдореБрджреНрджрд╛ рд╣реИред рдмрд╕ рдЗрд╕реА рдХреЗ рд▓рд┐рдП рдПрдХ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЗ рдмреАрдЪ рдореЗрдВ antd рдЦрд╛рдИред

рдпрд╣ рдПрдХ рдЕрд╕рд▓реА рдмрдорд░ рд╣реИред рдореБрдЭреЗ рдЪреАрдВрдЯреА рдХреА рд╕рд┐рдлрд╛рд░рд┐рд╢ рдХреА рдЧрдИ рдереА рдФрд░ рдпрд╣ рдЖрд╢рд╛рдЬрдирдХ рд▓рдЧ рд░рд╣рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рд╡реНрдпрд╡рд╣рд╛рд░ рд╣рдорд╛рд░реЗ рдореМрдЬреВрджрд╛ рдбрд┐рдЬрд╛рдЗрди рдХреЛ рдЧрдбрд╝рдмрдбрд╝ рдХрд░ рджреЗрддрд╛ рд╣реИ рдФрд░ рдЪреАрдВрдЯреА рдХреЛ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдЬреИрд╕рд╛ рдорд╣рд╕реВрд╕ рдХрд░рд╛рддрд╛ рд╣реИред рдореИрдВ

рдЪреАрдВрдЯреА рдХреЛ рдЕрдкрдиреЗ рд╕реНрд╡рдпрдВ рдХреЗ рдШрдЯрдХреЛрдВ рдХреА рдЙрдкрд╕реНрдерд┐рддрд┐ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд░рд╛рдп рджреА рдЬрд╛рдиреА рдЪрд╛рд╣рд┐рдП, рд▓реЗрдХрд┐рди рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреА рд╕рд╛рдЗрдЯ рдХреА рдЙрдкрд╕реНрдерд┐рддрд┐ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдирд╣реАрдВред

рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рддрд╛рддреНрдкрд░реНрдп рд╣реИ рдХрд┐ рдЪреАрдВрдЯреА 3 рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рд╣рд▓ рдХрд░рддреА рд╣реИред рд▓реЗрдХрд┐рди рдореИрдВ рдЕрднреА рднреА рдмрд╣реБрдд рд╕рд╛рд░реА рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓рд┐рдпрд╛рдБ рджреЗрдЦ рд░рд╣рд╛ рд╣реВрдБред рдЙрди рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдЬреЛрдбрд╝рдиреЗ рд╕реЗ рдмрдЪрдиреЗ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЛ рдХреНрдпрд╛ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП?

@openjck рдореИрдВрдиреЗ рдкрд╛рдпрд╛ рдХрд┐ рдпрд╣ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рд░реАрд╕реЗрдЯ рдХрд░рдиреЗ рд▓рдЧрддрд╛ рд╣реИ (рдореИрдВрдиреЗ рдЗрд╕реЗ рдЕрдкрдиреЗ рд░рд┐рдПрдХреНрдЯ рдПрдВрдЯреНрд░реА рдкреЙрдЗрдВрдЯ рдореЗрдВ рдЬреЛрдбрд╝рд╛):

import 'antd/lib/style/v2-compatible-reset';

рдЗрд╕реЗ рдЙрдирдХреЗ рдЪреИрдВрдЬ рдореЗрдВ рджрдлрди рдкрд╛рдпрд╛ рдЧрдпрд╛

рдореБрдЭреЗ рд╡рд╣ рдиреЛрдЯ рдорд┐рд▓рд╛, рд▓реЗрдХрд┐рди рдпрд╣ рдореЗрд░реЗ рдХрд╛рдо рдирд╣реАрдВ рдЖрдпрд╛ред рдкреНрд░рд▓реЗрдЦрди рдмрд╣реБрдд рд╡рд┐рд░рд▓ рд╣реИред рдЖрдкрдиреЗ рдФрд░ рдХреМрди-рд╕реЗ рд╢реИрд▓реА-рд╕рдВрдмрдВрдзреА рдЖрдпрд╛рдд рдХрд┐рдП, рдФрд░ рдХрд┐рд╕ рдХреНрд░рдо рдореЗрдВ?

рдЬрд╣рд╛рдБ рддрдХ рдЪреАрдВрдЯреА рд╢реИрд▓рд┐рдпреЛрдВ рдХреА рдмрд╛рдд рд╣реИ, рд╡рд╣ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╣реИред рдореИрдВ style: true рд╕реЗрдЯрд┐рдВрдЧ рдХрд╛ рднреА рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдЬреЛ рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реЛ рд╕рдХрддрд╛ рд╣реИред

рдЖрдк рдХрд┐рд╕ рддрд░рд╣ рдХреА рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓реА рдореЗрдВ рдмрджрд▓рд╛рд╡ рджреЗрдЦ рд░рд╣реЗ рд╣реИрдВ?

рдореИрдВ рд╡реЗрдмрдкреИрдХрд░ рдФрд░ рд░реЗрд▓ рдХреЗ рд╕рд╛рде рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдкрд╣рд▓реЗ рднреА рдпрд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИред рдЗрд╕реЗ рд╣рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдореЗрд░реЗ рдПрдЪрдЯреАрдПрдордПрд▓ рд╡реНрдпреВ рдореЗрдВ, рдореИрдВ рд╕реНрдЯрд╛рдЗрд▓рд╢реАрдЯ_рдкреИрдХ_рдЯреИрдЧ рдХреЗ рддрд╣рдд рдореМрдЬреВрджрд╛ рд╕реАрдПрд╕рдПрд╕ рдлрд╝рд╛рдЗрд▓ рдирд╛рдо рдХрд╛ рд╕реНрдЯрд╛рдЗрд▓рд╢реАрдЯ рд▓рд┐рдВрдХ рдЯреИрдЧ рдЬреЛрдбрд╝рддрд╛ рд╣реВрдВ, рдФрд░ рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред
= javascript_pack_tag 'root'
= stylesheet_pack_tag 'root'
= stylesheet_link_tag 'application'

@ jhdavids8 , рдЖрдк style: true рдХрд╣рд╛рдБ рд╕реЗрдЯ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдпрд╣ рдореЗрд░реЗ рд╕реЗрдЯрдЕрдк рдкрд░ рд▓рд╛рдЧреВ рд╣реЛрддрд╛ рд╣реИред

рдореИрдВ рдХреНрд░рд┐рдПрдЯ-рд░рд┐рдПрдХреНрд╢рди-рдРрдк рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реАрдХрд░рдг рдЗрд╕реЗ рдореБрдЦреНрдп рд╕реНрдЯрд╛рдЗрд▓рд╢реАрдЯ рдореЗрдВ рд╕реЗ рдПрдХ рдореЗрдВ рдЬреЛрдбрд╝рдиреЗ рдХреА рдЕрдиреБрд╢рдВрд╕рд╛ рдХрд░рддрд╛ рд╣реИ:

<strong i="10">@import</strong> '~antd/dist/antd.css';

...рд▓реЗрдХрд┐рди рдРрд╕рд╛ рдХрд░рдиреЗ рд╕реЗ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓реА рдореЗрдВ рдмрджрд▓рд╛рд╡ рдЖрддреЗ рд╣реИрдВ, рдЬреИрд╕реЗ рдХрд┐ рдлрд╝реЙрдиреНрдЯ-рдлрд╝реИрдорд┐рд▓реА рдФрд░ рд▓рд╛рдЗрди-рдКрдВрдЪрд╛рдИ рдЬреЛ рд╢рд░реАрд░ рдкрд░ рд╕реЗрдЯ рд╣реЛрддреЗ рд╣реИрдВред

рдореИрдВ рдорд╛рдВрдЧ рдкрд░ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдЖрдпрд╛рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдпрд╣рд╛рдВ рджрд╕реНрддрд╛рд╡реЗрдЬ рдХреЗ рд░реВрдк рдореЗрдВ babel-plugin-import рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред style: true рд╡рд┐рдХрд▓реНрдк Sass рд╕реНрд░реЛрдд рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ рдЖрдпрд╛рдд рдХрд░рдиреЗ рдХрд╛ рдПрдХ рддрд░реАрдХрд╛ рд╣реИ ( рдЗрд╕реЗ рджреЗрдЦреЗрдВ), рдЬрд┐рд╕рдХреА рд╣рдореЗрдВ рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рд╣рдо рдЪреАрдВрдЯреА рд╡рд┐рд╖рдп рдХреЛ рднрд╛рд░реА рд░реВрдк рд╕реЗ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рддреЗ рд╣реИрдВ

рд╣рдорд╛рд░реА рдЯреАрдо рдиреЗ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓рд┐рдпреЛрдВ рдХреА рд╡рдЬрд╣ рд╕реЗ antd рдХреЛ рдЫреЛрдбрд╝ рджрд┐рдпрд╛ ред рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдХрд┐ рдЖрдк рд╡реНрдпрд╕реНрдд рд╣реИрдВ рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдЖрдк рдЗрд╕реЗ рд╣рд▓ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рдвреВрдВрдв рд╕рдХрддреЗ рд╣реИрдВ рддреЛ рдпрд╣ рдореМрд▓рд┐рдХ рд░реВрдк рд╕реЗ рдФрд░ рдХреА рдкрд╣реБрдВрдЪ рдореЗрдВ рд╡реГрджреНрдзрд┐ рдХрд░реЗрдЧрд╛ред

рдХреГрдкрдпрд╛ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓реЗрдВред рдореИрдВ рдЕрднреА рднреА рдпрд╣ рд╡реНрдпрд╡рд╣рд╛рд░ рджреЗрдЦ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдЕрдиреНрдп рднреА рдРрд╕рд╛ рд╣реА рджреЗрдЦ рд░рд╣реЗ рд╣реИрдВред

+1

+1

рдореЗрд░реЗ рджреНрд╡рд╛рд░рд╛ рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ рд╡реИрд╢реНрд╡рд┐рдХ рд╕реАрдПрд╕рдПрд╕ рд╣рд░ рдмрд╛рд░ /lib/style/index.css рдХреЗ рдмреАрдЪ рдореЗрдВ рдкреИрдХ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛, рдореИрдВ рд╕рд┐рд░реНрдл рдПрдВрдЯрдбреА рдХреЛ рд╣рдЯрд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ
рдЖрдИрдИ 10- рдореЗрдВ рд╕рд╣реА рдбрд┐рд╕реНрдкреНрд▓реЗ рдЬреЛрдбрд╝реЗрдВред
рдкреАрдЫреЗ
рдПрдЪрдЯреАрдПрдордПрд▓,
рддрди {
рдЪреМрдбрд╝рд╛рдИ: 100%;
рдКрдВрдЪрд╛рдИ: 100%;
}
рдпрд╣ рдЗрддрдирд╛ рдХрдард┐рди рдХреНрдпреЛрдВ рд╣реИ... рдХрд╕реНрдЯрдо рд╡реИрд╢реНрд╡рд┐рдХ рд╕реАрдПрд╕рдПрд╕ рдХреЛ /lib/style/index.css рдХреЗ рдЕрдВрдд рдореЗрдВ рдХреНрдпреЛрдВ рдирд╣реАрдВ рд░рдЦрд╛ рдЬрд╛ рд╕рдХрддрд╛

+1

+1

рдореИрдВрдиреЗ рдкрд╛рдпрд╛ рдХрд┐ рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ @afc163 рд╡рд░реНрдгрд┐рдд рддрд░реАрдХреЗ рд╕реЗ рд╣рд▓ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдерд╛ред

рдЖрдо рддреМрд░ рдкрд░ рдЖрдк рдХрд░реЗрдВрдЧреЗ import 'antd/lib/tabs/style/css'; , рдЬреЛ рдПрдХ рдлрд╝рд╛рдЗрд▓ рдХреЛ рдЗрдВрдЧрд┐рдд рдХрд░рддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдпрд╣ рдмрд╕ рд╣реИ:

'use strict';
require('../../style/index.css');
require('./index.css');

рдореИрдВ рд╕рд┐рд░реНрдл рдЯреИрдм рд╕реАрдПрд╕рдПрд╕ рдЖрдпрд╛рдд рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рдерд╛, рдЗрд╕рд▓рд┐рдП рдореИрдВрдиреЗ рдЗрд╕реЗ рдЕрдкрдиреА рдШрдЯрдХ рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рдЬреЛрдбрд╝рд╛:

import 'antd/lib/tabs/style/index.css';

рдФрд░ рдпрд╣ рд╢реЗрд╖ рдкреГрд╖реНрда рдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд┐рдП рдмрд┐рдирд╛ рдореЗрд░реЗ рдЯреИрдм рдШрдЯрдХ рдХреЛ рдЙрдЪрд┐рдд рд░реВрдк рд╕реЗ рд╕реНрдЯрд╛рдЗрд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрд░рдХрдЯ рд╣реБрдЖред

рд╣рд╛рд▓рд╛рдВрдХрд┐, рд╕рд╛рд╡рдзрд╛рди рд░рд╣реЗрдВ, рдХреНрдпреЛрдВрдХрд┐ рдкрд╣рд▓реА рд╢реИрд▓реА рдПрдХ рдХрд╛рд░рдг рд╕реЗ рд╣реИ - рд╢рд╛рдпрдж рдХреБрдЫ рдФрд░ рдШрдЯрдХ рджреВрд╕рд░реЛрдВ рдХреА рддреБрд▓рдирд╛ рдореЗрдВ рдЗрд╕ рдкрд░ рдЕрдзрд┐рдХ рдирд┐рд░реНрднрд░ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдпрд╣ рд╕рднреА рдорд╛рдорд▓реЛрдВ рдореЗрдВ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ рд╣реИред

_рдпрджрд┐ рдЖрдк рдкрд╣рд▓реЗ рд╕реЗ рдРрд╕рд╛ рдирд╣реАрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рддреЛ рдЕрдкрдиреЗ .babelrc рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕реЗ style рдкреНрд░реЙрдкрд░реНрдЯреА рдХреЛ рдирд┐рдХрд╛рд▓рдирд╛ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░реЗрдВ:
[ "import", { "libraryName": "antd" } ] _

рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдпрд╣ рдХрд┐рд╕реА рдХреА рдорджрдж рдХрд░рддрд╛ рд╣реИ!

рдпрд╣ рдмрд┐рд▓реНрдХреБрд▓ рдкрд╛рдЧрд▓ рд╣реИ .... рдПрдХ "рдореЙрдбреНрдпреВрд▓рд░" рдШрдЯрдХ рдкреБрд╕реНрддрдХрд╛рд▓рдп, рдЬреЛ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓рд┐рдпреЛрдВ рдореЗрдВ рд╣рд╕реНрддрдХреНрд╖реЗрдк рдХрд░рддрд╛ рд╣реИред рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдЗрд╕ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЛ рдЗрддрдирд╛ рдЕрдзрд┐рдХ рдХреНрдпреЛрдВ рдорд╛рдирд╛ рдЬрд╛рддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдЗрддрдиреА рдореМрд▓рд┐рдХ рдмрд╛рдд рдЧрд▓рдд рд╣реИред рдпрд╣ рдЙрд▓реНрд▓реЗрдЦ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдирд╣реАрдВ рдХрд┐ рдЙрдиреНрд╣реЛрдВрдиреЗ рдЗрд╕ рдЯрд┐рдХрдЯ рдХреЛ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛ рд╣реИ рдЬреИрд╕реЗ рдХрд┐ рд╕рдорд╕реНрдпрд╛ рд╣рд▓ рд╣реЛ рдЧрдИ рд╣реИред

@ рд╕реНрдЯреНрд░рд╛рдВрдЧреБрдИ рдмреЗрдмреЗрд▓ -рдкреНрд▓рдЧрдЗрди-рдЖрдпрд╛рдд рдЖрдкрдХреЗ рд▓рд┐рдП рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ?

@abenhamdine рдирд╣реАрдВ, рдпрд╣ рдирд╣реАрдВ рд╣реИред рдФрд░ рдореИрдВ рдЙрдкрд░реЛрдХреНрдд рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреЗ рдЖрдзрд╛рд░ рдкрд░ рдЕрдХреЗрд▓рд╛ рдирд╣реАрдВ рд╣реВрдВред

рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реБрдП, рдореБрдЭреЗ рдЕрднреА рднреА рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдЖ рд░рд╣реА рд╣реИред

рдХреНрдпрд╛ рдХрд┐рд╕реА рдХреЛ рдХреЛрдИ рдлрд┐рдХреНрд╕ рдорд┐рд▓рд╛ (рдЖрджрд░реНрд╢ рд░реВрдк рд╕реЗ рд░реАрд╕реЗрдЯ рдирд╣реАрдВ)?

рдореБрдЭреЗ рдЖрд╡рд╢реНрдпрдХ рдЫреЛрдЯреЗ рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рд╕рдЯреАрдХ рд╕реАрдПрд╕рдПрд╕ рдЖрдпрд╛рдд рдХрд░рдиреЗ рдореЗрдВ рд╕рдлрд▓рддрд╛ рдорд┐рд▓реА рд╣реИ

import 'antd/lib/checkbox/style/index.css'

рд▓реЗрдХрд┐рди рдЕрдм рдореИрдВ рдПрдХ рдЯреЗрдмрд▓ рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдБред рддрд╛рд▓рд┐рдХрд╛ рдХрдИ рд╢реИрд▓рд┐рдпреЛрдВ рдкрд░ рдирд┐рд░реНрднрд░ рдХрд░рддреА рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рд╕рднреА рд╡рд┐рднрд┐рдиреНрди рд╕реАрдПрд╕рдПрд╕ рд╢реАрдЯреЛрдВ рдХреЛ рдЕрд▓рдЧ рд╕реЗ рдЖрдпрд╛рдд рдХрд░рдирд╛ рдкрдбрд╝рд╛, рдЬреЛ рдареАрдХ рд╣реИред _Except_ рдХрд┐ рдЫрдБрдЯрд╛рдИ рд╕реБрд╡рд┐рдзрд╛ рдХреЗ рд▓рд┐рдП рдореБрдЭреЗ icon CSS рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рдЬреЛ antd/lib/icon рдХреЗ рднреАрддрд░ рдореМрдЬреВрдж рдирд╣реАрдВ рд╣реИред рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдореБрдЭреЗ рдореБрдЦреНрдп рд╕реНрдЯрд╛рдЗрд▓ рд╢реАрдЯ рдЖрдпрд╛рдд рдХрд░рдирд╛ рдкрдбрд╝рд╛ рдХреНрдпреЛрдВрдХрд┐ рдЖрдЗрдХрди рд╕реАрдПрд╕рдПрд╕ рдмрд╕ рдЗрд╕реЗ рд░реАрдбрд╛рдпрд░реЗрдХреНрдЯ рдХрд░рддрд╛ рд╣реИред

import 'antd/lib/style/index.css'

рдпрд╣ рд╡рд╣ рдлрд╝рд╛рдЗрд▓ рд╣реИ рдЬреЛ рдореЗрд░реЗ рдмрд╛рдХреА рдРрдк рдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд░рддреА рд╣реИ я╕П

рдХрдо рд╕реЗ рдХрдо, рдХреНрдпрд╛ рдЖрдк рдЗрд╕реЗ рдмрдирд╛ рд╕рдХрддреЗ рд╣реИрдВ рддрд╛рдХрд┐ рдХреЛрдИ рд╕реАрдПрд╕рдПрд╕ рд╢реАрдЯ рдореБрдЦреНрдп рдкрд░ рд░реАрдбрд╛рдпрд░реЗрдХреНрдЯ рди рд╣реЛ? ( icon рдХреА рддрд░рд╣ рдЬреЛ рдореБрдЭреЗ рдЯреЗрдмрд▓ рд╕реЙрд░реНрдЯрд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдЪрд╛рд╣рд┐рдП?)

рд╕рд╛рде рд╣реА, @afc163 рдХреГрдкрдпрд╛ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓реЗрдВ, рдЗрд╕реЗ рд╣рд▓ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред

рдмрд╕ рдереНрд░реЗрдб рдХреЛ рдкрдврд╝реЗрдВ рдФрд░ "WON'T FIX" рдЯреИрдЧ рджреЗрдЦреЗрдВред рдпрд╣ рдПрдХ P0 рдмрдЧ рд╣реИ рдЬреЛ рд╣рд░ рдмрдбрд╝реЗ рдПрдкреНрд▓рд┐рдХреЗрд╢рди, рдПрдореНрдмреЗрдбреЗрдб рдШрдЯрдХ рдХреЛ рдмреНрд▓реЙрдХ рдХрд░рддрд╛ рд╣реИ рдЬреЛ Ant.D рдХреЛ рдЙрдирдХрд╛ рдШрдЯрдХ lib рдмрдирдиреЗ рдХреЗ рд▓рд┐рдП рдЪреБрдирддрд╛ рд╣реИред рдЯреИрдЧ 'рд╣рд╛рд░реНрдЯ рдмреНрд░реЗрдХрд┐рдВрдЧ' рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред

@ afc163 рджреБрдирд┐рдпрд╛ рдореЗрдВ рдЗрд╕реЗ рд╡рд┐рд▓ рдлрд┐рдХреНрд╕ рдХреЗ рд░реВрдк рдореЗрдВ рдХреНрдпреЛрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ ?? рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рджрд░реНрд╢рди рдФрд░ рдореЙрдбреНрдпреВрд▓рд░ рдбрд┐рдЬрд╛рдЗрди рдХрд╛ рдореВрд▓ рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдЕрдиреНрдп рдШрдЯрдХреЛрдВ рдореЗрдВ рдмреНрд▓реАрдб рдирд╣реАрдВ рдХрд░рдирд╛ рд╣реИред рдЗрд╕рдХрд╛ рдмрд┐рд▓реНрдХреБрд▓ рдХреЛрдИ рдорддрд▓рдм рдирд╣реАрдВ рд╣реИред рдореИрдВрдиреЗ рдХреБрдЫ рд╕рдордп рдмрд┐рддрд╛рдпрд╛ рд╣реИ рдФрд░ рдкреЗрдбрд╝ рдХреЗ рдЪрдпрди рдХреЗ рд▓рд┐рдП рд╕реАрдПрд╕рдПрд╕ рдирд┐рдХрд╛рд▓рд╛ рд╣реИ рдФрд░ рдЗрд╕реЗ рдХрд┐рд╕реА рдФрд░ рдЪреАрдЬ рдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд┐рдП рдмрд┐рдирд╛ рдХрд╛рдо рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реВрдВ, рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рд╕рдВрднрд╡ рд╣реИред

рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдиреЗ рдХреЗ рд▓рд┐рдП +1ред рд╣рдорд╛рд░реЗ рдРрдк рдХреЛ рдордЯреЗрд░рд┐рдпрд▓-рдпреВрдЖрдИ рд╕реЗ рдПрдВрдЯрдбреА рдореЗрдВ рдмрджрд▓рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реИ рдФрд░ рдпрд╣ рдкреНрд░рд╡реЗрд╢ рдХреЗ рд▓рд┐рдП рдПрдХ рдкреНрд░рдореБрдЦ рдмрд╛рдзрд╛ рд╣реИред

+1 рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдиреЗ рдХреЗ рд▓рд┐рдПред babel-plugin-import рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рд╕рднреА рдЯрдЯреНрд╕ рдФрд░ рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХреА рдХреЛрд╢рд┐рд╢ рдХреАред рдореЗрд░реЗ рдРрдк рдХреЗ рд▓рд┐рдП рд╡реИрд╢реНрд╡рд┐рдХ рдлрд╝реЙрдиреНрдЯ рдмрджрд▓рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдирд╣реАрдВ ЁЯШ▒

Blueprintjs palantir/blueprint#244 рдореЗрдВ рд╕рдВрдмрдВрдзрд┐рдд рд╕рдорд╕реНрдпрд╛ рдереАред

рдПрдХ рд╕реБрдЭрд╛рд╡ рдкреЛрд╕реНрдЯрд╕реАрдПрд╕рдПрд╕ рдкреНрд▓рдЧрдЗрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реИ рдЬрд┐рд╕реЗ рдХрд╣рд╛ рдЬрд╛рддрд╛ рд╣реИ: css-byeby
https://github.com/AoDev/css-byebye

рдпрд╣ рдПрдХ рдЕрд╕реНрдерд╛рдпреА рд╕рдорд╛рдзрд╛рди рдХреЗ рд░реВрдк рдореЗрдВ рдорджрдж рдХрд░ рд╕рдХрддрд╛ рд╣реИред

рдорд╣рд╛рди рдкреБрд╕реНрддрдХрд╛рд▓рдп рд▓реЗрдХрд┐рди рдЗрд╕рдХреЗ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╡реНрдпрд╡рд╣рд╛рд░ рдХрд░рдиреЗ рдХрд╛ рднрдпрд╛рдирдХ рддрд░реАрдХрд╛ред рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдлреЛрдВрдЯ рдХреЛ рдХреНрдпреЛрдВ рдмрджрд▓рд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП? рдФрд░ рдлреЛрдВрдЯ рдФрд░ рд╕реНрдЯрд╛рдЗрд▓ рдХреЛ рд░реАрд╕реЗрдЯ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рдХреНрдпреЛрдВ рдирд╣реАрдВ рд╣реИ?

рдпрд╣ рд╣рдореЗрдВ - рдФрд░ рдХрдИ рдЕрдиреНрдп рд▓реЛрдЧреЛрдВ рдХреЛ рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреЛ рдкрдврд╝рдиреЗ рд╕реЗ - рдЗрд╕ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рд╕реЗ рд░реЛрдХ рд░рд╣рд╛ рд╣реИред

рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдпрд╣ рдПрдХ рднрд╛рд╖рд╛/рд╕рд╛рдВрд╕реНрдХреГрддрд┐рдХ рдореБрджреНрджрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЗрд╕ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЗ рдбреЗрд╡рд▓рдкрд░реНрд╕ - рдзреНрдпрд╛рди рджреЗрдВ: рдкреБрд╕реНрддрдХрд╛рд▓рдп рдмрдирд╛рдиреЗ рдХрд╛ рдХреНрдпрд╛ рдорддрд▓рдм рд╣реИ рдЬрд┐рд╕рдХрд╛ рдХреЛрдИ рднреА рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реИ? рдЖрдк рдЕрдкрдиреЗ рд╕рд╛рдереА рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рдЕрдкрдиреА рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдХрдард┐рди рдХреНрдпреЛрдВ рдмрдирд╛ рд░рд╣реЗ рд╣реИрдВ?

рдПрдХ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдмрдирд╛рдиреЗ рдХрд╛ рдХреНрдпрд╛ рдорддрд▓рдм рд╣реИ рдЬрд┐рд╕рдХрд╛ рдХреЛрдИ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛? рдЖрдк рдЕрдкрдиреЗ рд╕рд╛рдереА рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рдЕрдкрдиреА рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдХрдард┐рди рдХреНрдпреЛрдВ рдмрдирд╛ рд░рд╣реЗ рд╣реИрдВ?

рдХреГрдкрдпрд╛ рдЗрд╕реЗ рдордзреНрдпрдо рд░рдЦреЗрдВред
рдХрдИ рдбреЗрд╡рд▓рдкрд░ рдФрд░ рд╕реНрдЯрд╛рд░реНрдЯрдЕрдк рдЗрд╕ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рддреЗ рд╣реИрдВ рдпрд╛ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред

рдпрд╣ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдУрдкрди-рд╕реЛрд░реНрд╕ рдФрд░ рдлреНрд░реА рд╣реИред рдпрджрд┐ рдЖрдк рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рди рдХрд░реЗрдВред
рдпрджрд┐ рдЖрдк рдЗрд╕реЗ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдЖрдк рдЗрд╕реЗ рдЕрдкрдиреЗ рдЙрдкрдпреЛрдЧ рдХреЗ рд▓рд┐рдП рдлреЛрд░реНрдХ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдпрд╛ рдкреАрдЖрд░ рдЬрдорд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдПрдВрдЯреА-рдбрд┐рдЬрд╝рд╛рдЗрди рдХреЗ рд░рдЦрд░рдЦрд╛рд╡ рдпреЛрдЧрджрд╛рди рдХреЗ рд▓рд┐рдП рдЦреБрд▓реЗ рд╣реИрдВред

рдЗрд╕рд▓рд┐рдП рдпрд╣рд╛рдВ рд╢реЗрдЦреА рдмрдШрд╛рд░рдиреЗ рдХреА рдЬрд░реВрд░рдд рдирд╣реАрдВ рд╣реИред

рдпрд╣ рдореБрджреНрджрд╛ рдореЗрд░реА рдЯреАрдо рдХреЗ рд▓рд┐рдП рднреА рдПрдХ рдбреАрд▓-рдмреНрд░реЗрдХрд░ рд╣реИред
рд╣рдо рдкрд░рд┐рдпреЛрдЬрдирд╛, рдФрд░ рдХрд┐рдП рдЧрдП рд╕рднреА рдХрд╛рд░реНрдпреЛрдВ рд╕реЗ рдкреНрдпрд╛рд░ рдХрд░рддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдпрд╣ рдПрдХрдорд╛рддреНрд░ рдореБрджреНрджрд╛ рд╣рдореЗрдВ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рд╕реЗ рд░реЛрдХрддрд╛ рд╣реИред

рдЗрд╕рд▓рд┐рдП рдореИрдВ рдЕрднреА рднреА рдЗрд╕ рдореБрджреНрджреЗ рдХрд╛ рдЕрдиреБрд╕рд░рдг рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдЗрд╕ рдЙрдореНрдореАрдж рдореЗрдВ рдХрд┐ рдирд┐рдХрдЯ рднрд╡рд┐рд╖реНрдп рдореЗрдВ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред

рдУрд╣, рдореИрдВ рдмрд╣реБрдд рдЙрджрд╛рд░рд╡рд╛рджреА рд╣реВрдБред рдФрд░ рдореИрдВ рдпрд╣рд╛рдБ рд╢реЗрдЦрд╝реА рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реВрдБред

рдореИрдВ рдЖрдкрдХреЗ рдзреНрдпрд╛рди рдореЗрдВ рд▓рд╛ рд░рд╣рд╛ рд╣реВрдВ рдХрд┐ рдЖрдкрдХреА рд▓рд╛рдЗрдмреНрд░реЗрд░реА - рднрд▓реЗ рд╣реА рд╡рд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫреА рд╣реЛ - рдкрд░ рдЕрдирд╛рд╡рд╢реНрдпрдХ рджреБрд╖реНрдкреНрд░рднрд╛рд╡ рдирд╣реАрдВ рд╣реЛрдиреЗ рдЪрд╛рд╣рд┐рдПред рдХрд▓реНрдкрдирд╛ рдХреАрдЬрд┐рдП рдХрд┐ рдЕрдЧрд░ рдореИрдВ MomentJS (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ рдФрд░ рдпрд╣ рдХреНрд▓рд┐рдВрдЧрди рдореЗрдВ рджрд┐рдирд╛рдВрдХ рдФрд░ рд╕рдордп рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдирд╛ рд╢реБрд░реВ рдХрд░ рджреЗрддрд╛ рд╣реИ!

"рдЬрд╛рдУ рдХрд╛рдВрдЯрд╛ рдЦреБрдж" рднреА рдЬрд╡рд╛рдм рдирд╣реАрдВ рд╣реИред рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдпрд╣ рдХрдИ рдУрдкрди-рд╕реЛрд░реНрд╕ рдкреНрд░реЛрдЬреЗрдХреНрдЯреНрд╕ рдХреА рджреБрдЦрдж рдФрд░ рджрдпрдиреАрдп рд╕реНрдерд┐рддрд┐ рд╣реИред

рд╣рдо рдЬрдЯрд┐рд▓ рдкреНрд░рдгрд╛рд▓рд┐рдпреЛрдВ рдХрд╛ рдирд┐рд░реНрдорд╛рдг рд╕реНрд╡рдпрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ - рд╣рдо рдпрд╣рд╛рдВ рдзреЛрдЦреЗрдмрд╛рдЬрд╝ рдирд╣реАрдВ рд╣реИрдВред рд╣рдо рдПрдХ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рдФрд░ рдЕрдкрдиреЗ рдЬреАрд╡рди рдХреЗ рд╕рд╛рде рдЖрдЧреЗ рдмрдврд╝рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред рдХрдо рд╕реЗ рдХрдо рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдлрд╝реЙрдиреНрдЯ рдпрд╛ рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░ рдХреЛ рдирд╣реАрдВ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд╣рдиреЗ рдХрд╛ рдПрдХ рддрд░реАрдХрд╛ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред рдпрд╣реА рд╕рдм рдореИрдВ - рдФрд░ рдпрд╣рд╛рдВ рдЕрдиреНрдп рд▓реЛрдЧ - рдкреВрдЫ рд░рд╣реЗ рд╣реИрдВред

рдЖрдк рдЯреЛрди-рдмрдзрд┐рд░ рд╣реЛрдирд╛ рдЪреБрди рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЗрди рдЪрд┐рдВрддрд╛рдУрдВ рдХреЛ рдЕрдирджреЗрдЦрд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ - рдореЗрд░реЗ рд╢рдмреНрджреЛрдВ рдХреА рдкрд╕рдВрдж рдХреЗ рдмрдЬрд╛рдп рдзреНрдпрд╛рди рдХреЗрдВрджреНрд░рд┐рдд рдХрд░рдирд╛ - рдпрд╛ рдЖрдк рдпрд╣ рд╕рдордЭрдиреЗ рдХрд╛ рд╡рд┐рдХрд▓реНрдк рдЪреБрди рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ рдпрд╣рд╛рдВ рдХреЗ рд▓реЛрдЧ рдХреНрдпрд╛ рдХрд╣ рд░рд╣реЗ рд╣реИрдВ рдФрд░ рдмрд┐рдирд╛ рдХрд┐рд╕реА рджреБрд╖реНрдкреНрд░рднрд╛рд╡ рдХреЗ рдЖрдкрдХреЗ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рддрд░реАрдХрд╛ рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рдЬрдм рддрдХ рдЖрдк рджреАрд░реНрдШрд╛рдпреБ рд╣реЛрдВ рдФрд░ рд╕рдореГрджреНрдз рд╣реЛрдВ, рд╢рдХреНрддрд┐ рдЖрдкрдХреЗ рд╕рд╛рде рд░рд╣реЗред

@kotpal рдХреЗ рд╕рд╛рде рдФрд░ рдЕрдзрд┐рдХ рд╕рд╣рдордд рдирд╣реАрдВ рд╣реЛ рд╕рдХрд╛ред рдореБрдЭреЗ рдЖрд╢реНрдЪрд░реНрдп рд╣реИ рдХрд┐ рдпрд╣ рдЪрд░реНрдЪрд╛ "рдХреНрдпрд╛ рдЖрдк рдЗрд╕ рд╕реБрд╡рд┐рдзрд╛ рдХреЛ рдЬреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВ" рдпрд╛ "рдХреНрдпрд╛ рдпрд╣ рдЕрдЪреНрдЫрд╛ рдирд╣реАрдВ рд╣реЛрдЧрд╛ ..." рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдирд╣реАрдВ рд╣реИ, рдпрд╣ рд╕рдЪрдореБрдЪ рдПрдХ рд▓реЗрдЦрдХ рдХреЛ рд╕рдордЭрд╛рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реИ рдХрд┐ рдПрдХ рдШрдЯрдХ рдХреЛ рд╡реИрд╢реНрд╡рд┐рдХ рдХреЗ рд╕рд╛рде рдЦрд┐рд▓рд╡рд╛рдбрд╝ рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рд░рд╛рдЬреНрдпред рдпрд╣ рд╕рдЪрдореБрдЪ рд░рд┐рдПрдХреНрдЯрдЬреЗрдПрд╕ рдФрд░ рдХрд┐рд╕реА рднреА рдореЙрдбреНрдпреВрд▓рд░ рдбрд┐рдЬрд╛рдЗрди рдХреА рдореВрд▓ рдЕрд╡рдзрд╛рд░рдгрд╛ рдХреЛ рдЦрд╛рд▓реА рдХрд░ рджреЗрддрд╛ рд╣реИред

рдЬрдм рддрдХ рдЖрдк рдЧреНрд▓реЛрдмрд▓ рдереАрдо рдпрд╛ рдХреБрдЫ рдФрд░ рдкреНрд░рджрд╛рди рдирд╣реАрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рддрдм рддрдХ рдЖрдк GLOBAL рдХреЗ рд╕рд╛рде рдЦрд┐рд▓рд╡рд╛рдбрд╝ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВред

рдореБрдЭреЗ рд╡рд╣реА рдорд┐рд▓рддрд╛ рд╣реИ рдЬреЛ @abenhamdine рдХрд╣ рд░рд╣рд╛ рд╣реИред рд▓реЗрдХрд┐рди рдореИрдВ @strongui рд╕реЗ рднреА рд╕рд╣рдордд рд╣реВрдВред

рд╢рд╛рдпрдж рдЪреАрдВрдЯреА рдХреЛ рдПрдХ рд╕рдВрдкреВрд░реНрдг рдЕрдиреБрднрд╡ рдорд╛рдирд╛ рдЬрд╛рддрд╛ рд╣реИред рд▓реЗрдХрд┐рди рд╡реНрдпрд╡рд╣рд╛рд░ рдореЗрдВ рдмрд╣реБрдд рд╕реЗ рд▓реЛрдЧреЛрдВ рдХреЛ рдЕрднреА рднреА рд╡рд┐рд░рд╛рд╕рдд рдХреЛрдб рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ рдХрд┐ рд╡реЗ рдЗрд╕реЗ рдмрджрд▓ рдирд╣реАрдВ рд╕рдХрддреЗ рд╣реИрдВред рдФрд░ рдЕрдЧрд░ рдпрд╣ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдЙрд╕ рдкреБрд░рд╛рдиреЗ рдХреЛрдб рд╕реЗ рдЯрдХрд░рд╛рддрд╛ рд╣реИ рддреЛ рд╣рдо рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ рд░рд┐рдПрдХреНрдЯ (рдпрд╛ рдЗрд╕рдХреЗ рдЬреИрд╕реЗ рдХрд┐рд╕реА рдЕрдиреНрдп рдлреНрд░реЗрдорд╡рд░реНрдХ) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд╕рднреА рд▓рд╛рднреЛрдВ рдХреЛ рдЦреЛ рджреЗрддреЗ рд╣реИрдВред

рдЕрдЧрд░ рдпрд╣ рдореБрджреНрджрд╛ рдЗрддрдиреЗ рд╕рд╛рд░реЗ рд▓реЛрдЧреЛрдВ рдХреЛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЛ рдЕрдкрдирд╛рдиреЗ рд╕реЗ рд░реЛрдХ рд░рд╣рд╛ рд╣реИ рддреЛ рд╢рд╛рдпрдж рд╣рдо рдПрдХ рд╕рд╛рде рдЦреАрдВрдЪ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЗрд╕ рдкрд░ рдЗрдирд╛рдо рдпрд╛ рдХреБрдЫ рдФрд░ рджреЗ рд╕рдХрддреЗ рд╣реИрдВ?

рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдХрд┐ рдореЗрд░реЗ рдкрд╛рд╕ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╕реНрд╡рдпрдВ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЬреНрдЮрд╛рди рдпрд╛ рд╕рдордп рдирд╣реАрдВ рд╣реИ, рддреЛ рдпреЛрдЧрджрд╛рдирдХрд░реНрддрд╛рдУрдВ рдХреЛ рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдореЗрдВ рдХреНрдпрд╛ рд▓рдЧреЗрдЧрд╛ ? (рдФрд░ рд╣рд╛рдБ рдпрд╣ рдПрдХ рдореБрджреНрджрд╛ рд╣реИ рдФрд░ рдПрдХ рд╡рд┐рд╢реЗрд╖рддрд╛ рдирд╣реАрдВ рд╣реИ)

рдореБрдЭреЗ рдПрдПрдирдЯреАрдбреА рджреНрд╡рд╛рд░рд╛ рдкреНрд░рджрд╛рди рдХреА рдЧрдИ рд╡реИрд╢реНрд╡рд┐рдХ рд╕реАрдПрд╕рдПрд╕ рдХреЛ рдУрд╡рд░рд░рд╛рдЗрдб рдХрд░рдиреЗ рдФрд░ рд╕реНрдЯрд╛рдЗрд▓ рдЬреЗрдПрд╕рдПрдХреНрд╕ рдЬреИрд╕реА рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдореЗрдВ рдХреБрдЫ рд╕рдлрд▓рддрд╛ рдорд┐рд▓реА рд╣реИред
рдЖрдк рдпрд╣рд╛рдБ рддреИрдирд╛рдд рд╕рд╛рдЗрдЯ рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ! рдкреАрдПрд╕: рдЗрд╕рдХрд╛ рдХрд╛рдо рдкреНрд░рдЧрддрд┐ рдкрд░ рд╣реИред

рдореИрдВрдиреЗ рдЦреБрдж рдХреЛ рдЙрд╕реА рд╕реНрдерд┐рддрд┐ рдореЗрдВ рдкрд╛рдпрд╛ рд╣реИ, рдФрд░ @inverts рдФрд░ @corinnebrady (https://github.com/ant-design/ant-design/issues/4331#issuecomment) рджреНрд╡рд╛рд░рд╛ рд╡рд░реНрдгрд┐рдд рд╕рдорд╛рди рджреГрд╖реНрдЯрд┐рдХреЛрдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдордзреНрдпрдо рд╕рдлрд▓рддрд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд░рд╣рд╛ рд╣реВрдВ -361421192 рдФрд░ https://github.com/ant-design/ant-design/issues/4331#issuecomment-365481037)ред рддреЛ, рдореЗрд░реЗ рдХреБрдЫ рдШрдЯрдХ рдЗрд╕ рддрд░рд╣ рджрд┐рдЦрддреЗ рд╣реИрдВ:

// ...
import Modal from 'antd/lib/modal'
import 'antd/lib/modal/style/index.css'

import AutoComplete from 'antd/lib/auto-complete'
import 'antd/lib/auto-complete/style/index.css'

import Form from 'antd/lib/form'
import 'antd/lib/form/style/index.css'
import 'antd/lib/select/style/index.css'

import Button from 'antd/lib/button'
import 'antd/lib/button/style/index.css'
// ... etc

рдпрд╣ рдЕрдзрд┐рдХрд╛рдВрд╢ рдПрдВрдЯрдбреА рдШрдЯрдХреЛрдВ рдХреЗ рд╕рд╛рде рдХреБрдЫ рд╣рдж рддрдХ рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдХреБрдЫ рдРрд╕реЗ рднреА рд╣реИрдВ рдЬрд┐рдирдХреЗ рдкрд╛рд╕ рдПрдХ рд╡рд┐рд╢рд┐рд╖реНрдЯ рд╕реАрдПрд╕рдПрд╕ рдлрд╝рд╛рдЗрд▓ рдирд╣реАрдВ рд╣реИ, рдФрд░ рдЗрд╕рдХреА рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдХреЗрд╡рд▓ рд╡реИрд╢реНрд╡рд┐рдХ рдореЗрдВ рд╣реА рдкрд╛рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред icon рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рдпрд╣ рдорд╛рдорд▓рд╛ рд╣реИ, рдЙрдиреНрд╣реЗрдВ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдореБрдЭреЗ рд╡реИрд╢реНрд╡рд┐рдХ рдлрд╝рд╛рдЗрд▓ рд╕реЗ рд╕рднреА рдЖрдЗрдХрди рд╕рдВрдмрдВрдзрд┐рдд рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ рдЕрдкрдиреА рд╕реНрдЯрд╛рдЗрд▓рд╢реАрдЯ рдореЗрдВ рдХреЙрдкреА рдХрд░рдирд╛ рдкрдбрд╝рд╛ред рдЕрдиреБрд░рдХреНрд╖рдХ: рдХреНрдпрд╛ рдЖрдк antd/lib/icon/style/index.css рдХреЛ рд╢рд╛рдорд┐рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐рд╕реА рдкреАрдЖрд░ рдХреЛ рд╕реНрд╡реАрдХрд╛рд░ рдХрд░реЗрдВрдЧреЗ?

рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЖрдк рдЕрд▓рдЧ-рдЕрд▓рдЧ рдХрдо рдлрд╝рд╛рдЗрд▓реЗрдВ рднреА рд╢рд╛рдорд┐рд▓ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬреИрд╕реЗ import 'antd/lib/spin/style/index.less'

рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рддреМрд░ рдкрд░ рд╣рд▓ рдХрд░рдиреЗ рдХреА рдХреЛрдИ рдпреЛрдЬрдирд╛ рд╣реИ?

рдЕрднреА рднреА рдПрдХ рд╕рдорд╕реНрдпрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ @reyronald рдЬреИрд╕реЗ рд╕рдВрджрд░реНрднрд┐рдд рдЖрдпрд╛рддреЛрдВ рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред

рдореИрдВ рднреА Icon рдХреА рд╢реИрд▓реА рдХреА рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдлрдВрд╕ рдЧрдпрд╛ рд╣реВрдВред

@reyronald рдХреНрдпрд╛ рдЖрдк рдкреАрдЖрд░ рдмрдирд╛ рд╕рдХрддреЗ рд╣реИрдВ, рдХреГрдкрдпрд╛?

рдЬреЛ рд▓реЛрдЧ рдЗрд╕рд╕реЗ рдкреАрдбрд╝рд┐рдд рд╣реИрдВ рд╡реЗ рдкреИрдХреЗрдЬ рдХреЛ рд╕реАрдзреЗ рд░рд┐рдкреЙрдЬрд┐рдЯрд░реА рд╕реЗ рдЬреЛрдбрд╝рдХрд░ рдореЗрд░реЗ рдХрд╛рдВрдЯреЗ рдХреЛ рдЖрдЬрдорд╛ рд╕рдХрддреЗ рд╣реИрдВ

yarn add github:serguzest/ant-design#3.4.1-NoCssPollution

рдпрд╛

npm install github:serguzest/ant-design#3.4.1-NoCssPollution

рдореИрдВрдиреЗ рдХреЗрд╡рд▓ рдЖрдзрд╛рд░ рд░рд╣рд┐рдд рдХреЛ рдЦрд╛рд░рд┐рдЬ рдХрд┐рдпрд╛ рдФрд░ рдЗрд╕реЗ рдмрд┐рдирд╛ рдХрд┐рд╕реА рдЕрдиреНрдп рд╕рдВрд╢реЛрдзрди рдХреЗ рдмрдирд╛рдпрд╛ред рдпрд╣ рдореЗрд░реЗ рдорд╛рдорд▓реЗ рдореЗрдВ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдореИрдВ рдЗрд╕рдХреЗ рдХрдИ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реВрдВред рдпрд╣ рд╢рд╛рдпрдж рдХреБрдЫ рдШрдЯрдХреЛрдВ рдХреЗ рд▓реБрдХ рдХреЛ рддреЛрдбрд╝ рджреЗрдЧрд╛, рдЦрд╛рд╕рдХрд░ рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдЕрдкрдиреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рд╕рдордЭрджрд╛рд░ рд░реАрд╕реЗрдЯ рд╕реНрдЯрд╛рдЗрд▓рд╢реАрдЯ рдирд╣реАрдВ рд╣реИред #4546

рдЕрд░реЗ @ afc163 рдореИрдВ рднреА рдпрд╣рд╛рдВ рдЖрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдФрд░ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрддрд┐рд░рд┐рдХреНрдд рдЖрд╡рд╛рдЬ рдЬреЛрдбрд╝рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред рд╣рдо рдХрдИ рд▓рдХреНрд╖реНрдпреЛрдВ рдХреЗ рд╕рд╛рде рдПрдХ рдмрдбрд╝рд╛ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдмрдирд╛рддреЗ рд╣реИрдВ, рдФрд░ рд╣рдорд╛рд░реЗ рдХреБрдЫ рд▓рдХреНрд╖реНрдп рддреГрддреАрдп рдкрдХреНрд╖ рд╕рд╛рдЗрдЯреЛрдВ рдкрд░ рд▓реЛрдб рд╣реЛрддреЗ рд╣реИрдВред antd рд╡реИрд╢реНрд╡рд┐рдХ CSS рдореЗрдВ рд╣рд╕реНрддрдХреНрд╖реЗрдк рдХрд░рдирд╛ рд╣рдорд╛рд░реЗ рд▓рд┐рдП рд╕рдорд╕реНрдпрд╛рдЬрдирдХ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рд╣рдо рдЙрди рддреГрддреАрдп рдкрдХреНрд╖ рд╕рд╛рдЗрдЯреЛрдВ рдХреЗ рд▓рд┐рдП CSS рд░реАрд╕реЗрдЯ рдФрд░ рдлрд╝реЙрдиреНрдЯ рдХреЛ рд╕рдорд╛рдкреНрдд рдХрд░ рджреЗрддреЗ рд╣реИрдВред рд╣рдо рдкреБрд╕реНрддрдХрд╛рд▓рдп рд╕реЗ рдкреНрдпрд╛рд░ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдЕрдЧрд░ рдЕрдиреБрд░рдХреНрд╖рдХ рд╣рдореЗрдВ рдПрдХ рджрд┐рд╢рд╛ рдореЗрдВ рдЗрдВрдЧрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рддреИрдпрд╛рд░ рдереЗ, рддреЛ рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдореЗрдВ рдпреЛрдЧрджрд╛рди рдХрд░рдирд╛ рдЕрдЪреНрдЫрд╛ рд▓рдЧреЗрдЧрд╛ред рдХреГрдкрдпрд╛ рдмрд╛рддрдЪреАрдд рдХреЛ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓реЗрдВ рдпрд╛ рдХрд┐рд╕реА рдЕрдиреНрдп рдЦреБрд▓реЗ рдореБрджреНрджреЗ рдкрд░ рдирд┐рд░реНрджреЗрд╢рд┐рдд рдХрд░реЗрдВ! рдзрдиреНрдпрд╡рд╛рдж

рдЗрд╕рд▓рд┐рдП рд╣рдо рд╡реИрдХрд▓реНрдкрд┐рдХ рдХрдо рдлрд╝рд╛рдЗрд▓ рд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рд╡реЗрдмрдкреИрдХ рдореИрдирд┐рдкреБрд▓реЗрд╢рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдпрд╣ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рдереЗ (рдХрдо рд╕реЗ рдХрдо рдЕрдм рддрдХ):

new webpack.NormalModuleReplacementPlugin( /node_modules\/antd\/lib\/style\/index\.less/, path.resolve(rootDir, 'src/styles.less') ),

рдЬрд╣рд╛рдВ src/style.less рдлрд╝рд╛рдЗрд▓ index.less #$ рдлрд╝рд╛рдЗрд▓ рдХреЗ рд╕рдорд╛рди рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ рд▓реЛрдб рдХрд░рддреА рд╣реИ, рд▓реЗрдХрд┐рди рдЙрдиреНрд╣реЗрдВ рд╢реАрд░реНрд╖-рд╕реНрддрд░реАрдп рдЪрдпрдирдХрд░реНрддрд╛ рдХреЗ рджрд╛рдпрд░реЗ рдореЗрдВ рд▓реЛрдб рдХрд░рддреА рд╣реИ:

#root { <strong i="11">@import</strong> '~antd/lib/style/core/index.less'; <strong i="12">@import</strong> '~antd/lib/style/themes/default.less'; }

рдирддреАрдЬрд╛ рдпрд╣ рд╣реИ рдХрд┐ рд╕рднреА "рд╡реИрд╢реНрд╡рд┐рдХ" рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ #root рджрд╛рдпрд░реЗ рдХреЗ рд╕рд╛рде рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ:

`#рдореВрд▓ рд▓реЗрдЦ,

рдПрдХ рддрд░рдл рдЬрдбрд╝,

рдореВрд▓ рд╕рдВрд╡рд╛рдж,

рдЬрдбрд╝ рдЕрдВрдЬреАрд░,

рдореВрд▓ рдЖрдХреГрддрд┐,

рдореВрд▓ рдкрд╛рдж рд▓реЗрдЦ,

рд░реВрдЯ рд╣реЗрдбрд░,

рд░реВрдЯ рдПрдЪрдЧреНрд░реБрдк,

рдореВрд▓ рдореБрдЦреНрдп,

рд░реВрдЯ рдПрдирдПрд╡реА,

рдореВрд▓ рдЦрдВрдб {

рдкреНрд░рджрд░реНрд╢рди рдХреНрд╖реЗрддреНрд░;
}
`
рдЖрджрд┐...

рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдпрд╣ рдХрд┐рд╕реА рдХреЗ рд▓рд┐рдП рдорджрджрдЧрд╛рд░ рд╣реИред

рджреЛрд╕реНрддреЛрдВ, рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХрд╖реНрдЯрдкреНрд░рдж рд╣реИред рдпрд╣ рд╕реНрдЯрд╛рдЗрд▓рд┐рдВрдЧ рд╡реНрдпрд╡рд╣рд╛рд░ рд╡рд╣ рдирд╣реАрдВ рд╣реИ рдЬрд┐рд╕рдХреА рдЖрдк рд╡рд┐рд╢реНрд╡ рд╕реНрддрд░реАрдп UI рд▓рд╛рдЗрдмреНрд░реЗрд░реА рд╕реЗ рдЕрдкреЗрдХреНрд╖рд╛ рдХрд░реЗрдВрдЧреЗред

рдХрдо рд╕реЗ рдХрдо рдбреЙрдХреНрд╕ рдореЗрдВ рдЧреНрд▓реЛрдмрд▓ рд░реАрд╕реЗрдЯ рдХрд╛ рдЬрд┐рдХреНрд░ рдХрд░реЗрдВ, рддрд╛рдХрд┐ рд▓реЛрдЧ рднреНрд░рдорд┐рдд рди рд╣реЛрдВред рдпрд╛ рд╢рд╛рдпрдж рдХреБрдЫ рдЧрд╛рдЗрдб "рд▓реАрдЧреЗрд╕реА рд╡реЗрдмрд╕рд╛рдЗрдЯ рдореЗрдВ рдПрдХреАрдХреГрдд рдХрд░рдирд╛" рд╡реНрдпрдХреНрддрд┐рдЧрдд рд╢реИрд▓рд┐рдпреЛрдВ рдФрд░ рдЖрдЗрдХрдиреЛрдВ рдХреЛ рдЖрдпрд╛рдд рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдиреБрд╕реНрдЦрд╛ рдХреЗ рд╕рд╛рде рд╕рд╣рд╛рдпрдХ рд╣реЛрдЧрд╛

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдмрдВрдж рд╣реЛрдиреЗ рдХреЗ рдмрд╛рдж рдЕрдиреБрд░рдХреНрд╖рдХреЛрдВ рдиреЗ рдЗрд╕ рдореБрджреНрджреЗ рд╕реЗ рд╕рджрд╕реНрдпрддрд╛ рд╕рдорд╛рдкреНрдд рдХрд░ рджреА рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЙрдиреНрд╣реЛрдВрдиреЗ рддрдм рд╕реЗ рдЪрд░реНрдЪрд╛ рдореЗрдВ рднрд╛рдЧ рдирд╣реАрдВ рд▓рд┐рдпрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рд╣рдореЗрдВ рд╢рд╛рдпрдж рдЗрд╕ рдкрд░ рдХреЛрдИ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдорд┐рд▓реЗрдЧрд╛ рдЬрдм рддрдХ рдХрд┐ рд╣рдо рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рдирд╣реАрдВ рдЦреЛрд▓рддреЗ, рдЙрдиреНрд╣реЗрдВ рд╕реАрдзреЗ рдкрд┐рдВрдЧ рдХрд░рддреЗ рд╣реИрдВ рдпрд╛ рдПрдХ рдкреАрдЖрд░ рдЦреЛрд▓рддреЗ рд╣реИрдВред

рдореБрдЭреЗ рдЕрдВрдд рдореЗрдВ рдореВрд▓ antd.css рдкрд░ рдЖрдзрд╛рд░рд┐рдд рдПрдХ рдирдИ CSS рдлрд╝рд╛рдЗрд▓ рдмрдирд╛рдХрд░ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдмрдЪрдиреЗ рдХрд╛ рдПрдХ рддрд░реАрдХрд╛ рдорд┐рд▓ рдЧрдпрд╛, рдЬрд┐рд╕рдореЗрдВ рдкреНрд░рддреНрдпреЗрдХ рдирд┐рдпрдо рдПрдХ рдХрд╕реНрдЯрдо рд╡рд░реНрдЧ рдХреЗ рд╕рд╛рде рдЙрдкрд╕рд░реНрдЧ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред рдореЗрд░рд╛ рд╕рдорд╛рдзрд╛рди PostCSS, Gulp рдФрд░ postcss-prefixwrap рдкреНрд▓рдЧрдЗрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ:

https://gist.github.com/sbusch/a90eafaf5a5b61c6d6172da6ff76ddaa

рдпрд╣ рдкрд░рд┐рдкреВрд░реНрдг рд╕реЗ рдмрд╣реБрдд рджреВрд░ рд╣реИ, рд▓реЗрдХрд┐рди рдЖрд╢реНрдЪрд░реНрдпрдЬрдирдХ рд░реВрдк рд╕реЗ рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рдХрдо рд╕реЗ рдХрдо рдореЗрд░реА рдЬрд░реВрд░рддреЛрдВ рдХреЗ рд▓рд┐рдП ;-)

рд╕рд╛рд░ рдореЗрдВ antd CSS рдХрд╛ рдПрдХ рддреИрдпрд╛рд░ рд╕рдВрд╕реНрдХрд░рдг рднреА рд╢рд╛рдорд┐рд▓ рд╣реИ, рдЬреЛ .antd-ns ("рдиреЗрдорд╕реНрдкреЗрд╕" рдХреЗ рд▓рд┐рдП рд╢реЙрд░реНрдЯрд╣реИрдВрдб рдХреЗ рд░реВрдк рдореЗрдВ "рдПрдирдПрд╕") рдХреЗ рд╕рд╛рде рдЙрдкрд╕рд░реНрдЧ рдХрд░рддрд╛ рд╣реИред

рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ:
рдореЗрд░реЗ рд▓рд┐рдП рдПрдХ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдЖрд╡рд╢реНрдпрдХрддрд╛ рдпрд╣ рдереА рдХрд┐ рдпрд╣ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд╣реИ, рдЗрд╕рд▓рд┐рдП рдкреНрд░рддреНрдпреЗрдХ рдирдИ рдЪреАрдВрдЯреА рд░рд┐рд▓реАрдЬ рдХреЗ рд▓рд┐рдП рдкреНрд░реАрдлрд┐рдХреНрд╕реНрдб рд╕реАрдПрд╕рдПрд╕ рдЖрд╕рд╛рдиреА рд╕реЗ рддреИрдпрд╛рд░ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

  • рдпрд╣ рдкреНрд░реАрдлрд╝рд┐рдХреНрд╕реНрдб рд╕реАрдПрд╕рдПрд╕ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдЙрдкрдХрд░рдг рдХреЗ рд░реВрдк рдореЗрдВ рдЕрднрд┐рдкреНрд░реЗрдд рд╣реИ; рдЗрд╕рд▓рд┐рдП рдпрд╣ рдЖрдкрдХреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рд╕реЗ рдЕрд▓рдЧ рдХрд┐рдП рдЧрдП рд╡рд┐рднрд┐рдиреНрди рдлрд╝реЛрд▓реНрдбрд░ рд╕реЗ рдЪрд▓ рд╕рдХрддрд╛ рд╣реИред PostCSS рдпрд╛ Gulp рдХреЛ рд╢рд╛рдорд┐рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЗ antd-рдЖрдзрд╛рд░рд┐рдд рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреА рдХреЛрдИ рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИ! рдкрд░рд┐рдгрд╛рдореА рд╕реАрдПрд╕рдПрд╕ рдХреЛ рдХреЗрд╡рд▓ рдЖрдкрдХреА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЗ рд╕реНрдерд┐рд░ рд╕реАрдПрд╕рдПрд╕ рдлрд╝реЛрд▓реНрдбрд░ рдореЗрдВ рд░рдЦрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП (рдЬреЛ рдХрд┐ рддрджрдиреБрд╕рд╛рд░ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд┐рдП рдЬрд╛рдиреЗ рдкрд░ рдЧреБрд▓рдк рджреНрд╡рд╛рд░рд╛ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ)ред
  • postcss-prefixwrap рдХрдо рд╕реЗ рдХрдо рд╕рдВрд╕реНрдХрд░рдг 1.3.0 рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП, рдЬрд┐рд╕рдореЗрдВ antd рдХреАрдлрд╝реНрд░реЗрдо рдПрдирд┐рдореЗрд╢рди рдХреЛ рд╕рдВрд░рдХреНрд╖рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдореЗрд░рд╛ рдкреИрдЪ рд╢рд╛рдорд┐рд▓ рд╣реИ

рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ / рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рд╣рдореЗрд╢рд╛ рд╕рд░рд╛рд╣рдирд╛ рдХреА!

рдЕрдкрдиреЗ рдмрдврд╝рд┐рдпрд╛ рдкреЛрд╕реНрдЯрд╕реАрдПрд╕рдПрд╕ рдкреЛрд╕реНрдЯрд╕реАрдПрд╕рдПрд╕-рдкреНрд░реАрдлрд┐рдХреНрд╕рд╡реИрдк рдкреНрд▓рдЧрдЗрди рдХреЗ рд╕рд╛рде рдЗрд╕реЗ рд╕рдВрднрд╡ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП @dbtedman рдХреЛ рдзрдиреНрдпрд╡рд╛рджред

рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ / рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреА рд╕рд░рд╛рд╣рдирд╛ рдХреА!

рдореБрдЭреЗ рдЕрдВрдд рдореЗрдВ рдореВрд▓ antd.css рдкрд░ рдЖрдзрд╛рд░рд┐рдд рдПрдХ рдирдИ CSS рдлрд╝рд╛рдЗрд▓ рдмрдирд╛рдХрд░ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рджреВрд░ рдХрд░рдиреЗ рдХрд╛ рдПрдХ рддрд░реАрдХрд╛ рдорд┐рд▓ рдЧрдпрд╛, рдЬрд┐рд╕рдореЗрдВ рдкреНрд░рддреНрдпреЗрдХ рдирд┐рдпрдо рдПрдХ рдХрд╕реНрдЯрдо рд╡рд░реНрдЧ рдХреЗ рд╕рд╛рде рдЙрдкрд╕рд░реНрдЧ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред

рдпрд╣ рдЖрдИрдПрдордПрдЪрдУ рд╕рдмрд╕реЗ рдХрдареЛрд░ рд╕рдорд╛рдзрд╛рди рд╣реИред
рд╡реНрдпрдХреНрддрд┐рдЧрдд рд░реВрдк рд╕реЗ, рдореБрдЭреЗ рдЗрд╕рдХреЗ рд▓рд┐рдП рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдХреЛрдИ рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рд╕рднреА рдХреЗ рд▓рд┐рдП рдлрд╛рдпрджреЗрдордВрдж рд╣реЛрдЧрд╛ рдпрджрд┐ рдХреЛрдИ рдХрдо рдлрд╛рдЗрд▓реЛрдВ рдореЗрдВ рдкреНрд░рддреНрдпреЗрдХ рд╕реАрдПрд╕рдПрд╕ рдирд┐рдпрдо рд╕реЗ рдкрд╣рд▓реЗ рдПрдХ рд╡рд░реНрдЧрдирд╛рдо рдХрдо рдЪрд░ (рдЬреИрд╕реЗ .@{scope} ) рдЬреЛрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП рдкреАрдЖрд░ рдЬрдорд╛ рдХрд░реЗрдЧрд╛ред

рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ, рдпрд╣ рдЪрд░ рд╡рд░реНрддрдорд╛рди рд╡реНрдпрд╡рд╣рд╛рд░ рдХреЛ рддреЛрдбрд╝рдиреЗ рд╕реЗ рдмрдЪрдиреЗ рдХреЗ рд▓рд┐рдП рдЦрд╛рд▓реА рд╣реЛрдЧрд╛ред

рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдЕрд▓рдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреЗрд╡рд▓ antd рдХреЗ рд╕рд╛рде рдЪрд░ рд╕реЗрдЯ рдХрд░рдирд╛ рд╣реЛрдЧрд╛ред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рд╕рдорд╛рдзрд╛рди рдЕрдиреБрд░рдХреНрд╖рдХреЛрдВ рдХреЗ рд▓рд┐рдП рд╕реНрд╡реАрдХрд╛рд░реНрдп рд╣реЛрдЧрд╛ рдФрд░ рдЖрдЧреЗ рдмрдврд╝рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдЧрд╛ред

рдпрд╣рд╛рдВ рдПрдХ рдХрд╛рдордХрд╛рдЬ рд╣реИ рдЬреЛ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рдореИрдВрдиреЗ styles.less рдлрд╝рд╛рдЗрд▓ рдмрдирд╛рдИ

// Doing what antd/lib/style/core/index.less does
// but without loading "base" which overwrites global styles
<strong i="7">@import</strong> '~antd/lib/style/mixins/index.less';
<strong i="8">@import</strong> '~antd/lib/style/core/iconfont.less';
<strong i="9">@import</strong> '~antd/lib/style/core/motion.less';

<strong i="10">@import</strong> '~antd/lib/menu/style/index.less';
<strong i="11">@import</strong> '~antd/lib/dropdown/style/index.less';
<strong i="12">@import</strong> '~antd/lib/button/style/index.less';
<strong i="13">@import</strong> '~antd/lib/checkbox/style/index.less';
<strong i="14">@import</strong> '~antd/lib/grid/style/index.less';

.babelrc рдореЗрдВ рдореЗрд░реЗ рдкрд╛рд╕ рд╣реИ:

  "plugins": [
    [
      "import",
      {
        "libraryName": "antd",
        "style": false,
      }
    ]
  ]

рдЬреЗрдПрд╕ рдмрд┐рд▓реНрдб рдЖрдХрд╛рд░ рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЬреИрд╕рд╛ рдХрд┐ https://ant.design/docs/react/getting-started#Import -on-Demand рдФрд░ https://github.com/ant-design/babel-plugin-import рдореЗрдВ рд╡рд░реНрдгрд┐рдд рд╣реИред

рдЕрдиреБрдХреВрд▓рд┐рдд рд╕реНрдЯрд╛рдЗрд▓ рдХреЗ рд▓рд┐рдП рдореИрдВрдиреЗ рдЕрдкрдирд╛ рд╡реЗрдмрдкреИрдХ рдХреЙрдиреНрдлрд┐рдЧрд░реЗрд╢рди рдЗрд╕рдореЗрдВ рдмрджрд▓ рджрд┐рдпрд╛:

module: {
  rules: [{
    test: /\.less$/,
    use: [{
      loader: 'style-loader'
    }, {
      loader: 'css-loader'
    }, {
      loader: 'less-loader',
      options: {
        javascriptEnabled: true,
        modifyVars: {"primary-color": "#ed1c24"},
      }
    }]
  }]
}

рдЬреИрд╕рд╛ рдХрд┐ https://ant.design/docs/react/customize-theme#1)-Using-theme-property-(recommended-way) рдореЗрдВ рд╡рд░реНрдгрд┐рдд рд╣реИ

рдмреАрдЯреАрдбрдмреНрд▓реВ: рдореИрдВрдиреЗ рдкреНрд░рд╕рдВрд╕реНрдХрд░рдг рд╕реЗ рдЗрд╕ "рдмреЗрд╕.рд▓реЗрд╕" рдлрд╝рд╛рдЗрд▓ рдХреЛ рдЕрдирджреЗрдЦрд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП new webpack.IgnorePlugin(/style\/core\/base/) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ рд▓реЗрдХрд┐рди рдореИрдВ рдЗрд╕реЗ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд╕рдХрд╛ред рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХреНрдпреЛрдВред рдореЗрд░реА рдкрд░рд┐рдХрд▓реНрдкрдирд╛ рдпрд╣ рд╣реИ рдХрд┐ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕реЗ рдХрдо рд╕реЗ рд╕рдВрд╕рд╛рдзрд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рди рдХрд┐ рд╕реАрдзреЗ рд╡реЗрдмрдкреИрдХ рдХреЗ рд╕рд╛рдеред

рдЗрд╕рдХреЗ рд▓рд╛рдпрдХ рдХреНрдпрд╛ рд╣реИ, рдореИрдВрдиреЗ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ antd.css рдХреЛ рд╕рдВрдкрд╛рджрд┐рдд рдХрд┐рдпрд╛ рдФрд░ рдореЗрд░реЗ рджреНрд╡рд╛рд░рд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рдХрд┐рд╕реА рднреА antd рдШрдЯрдХреЛрдВ рдХреЛ рддреЛрдбрд╝реЗ рдмрд┐рдирд╛ рдЕрд╡рд╛рдВрдЫрд┐рдд рд╕реНрдЯрд╛рдЗрд▓ рдХреЛ рд╣рдЯрд╛рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдерд╛ред

@paneq рдореИрдВ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рд╡рд╣реА рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдзреНрдпрд╛рди рджреЗрдВ рдХрд┐ babel-plugin-import рдХрд╛ рд╕реНрдЯрд╛рдЗрд▓ рд╡рд┐рдХрд▓реНрдк рднреА рдПрдХ рдлрдВрдХреНрд╢рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИ, рдЬреЛ рдпрд╣ рддрдп рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдХрд┐рд╕реА рд╕реНрдЯрд╛рдЗрд▓ рдХреЛ рд╢рд╛рдорд┐рд▓ рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП рдпрд╛ рдирд╣реАрдВред рдореБрдЭреЗ рдпрд╣ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдирд╣реАрдВ рдорд┐рд▓рд╛ред рдбрд┐рдмрдЧ рдХрд░рдирд╛ рд╣реЛрдЧрд╛ рдХрд┐ ...
рд╢рд╛рдпрдж рдореИрдВ рднреА рдЙрд╕ рд╡рд┐рдХрд▓реНрдк рдХреА рдЧрд▓рдд рд╡реНрдпрд╛рдЦреНрдпрд╛ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ?

@paneq рдореИрдВрдиреЗ рдЬреЛ рдХрд┐рдпрд╛ рд╣реИ рдЙрд╕рдХреА рдкреНрд░рддрд┐рд▓рд┐рдкрд┐ рдмрдирд╛рдИ рд╣реИ рдФрд░ рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЕрдм рддрдХ рдХрд╛рдо рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВрдиреЗ рдпрд╣ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдкрд░реНрдпрд╛рдкреНрдд рдШрдЯрдХреЛрдВ рдХреА рдХреЛрд╢рд┐рд╢ рдирд╣реАрдВ рдХреА рд╣реИ рдХрд┐ рдХрд┐рд╕рдХреЗ рд▓рд┐рдП рдЙрд╕ рд╡реИрд╢реНрд╡рд┐рдХ рд╕реАрдПрд╕рдПрд╕ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред рдзрдиреНрдпрд╡рд╛рдж

@vthinkxie

рдирдорд╕реНрддреЗ, .ant рд╕реЗ рд╢реБрд░реВ рд╣реЛрдиреЗ рд╡рд╛рд▓реЗ рд╕рднреА рддрддреНрд╡реЛрдВ рд╕реЗ рдореЗрд▓ рдЦрд╛рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП, рдФрд░ рдЙрдиреНрд╣реЗрдВ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдЕрд╕рд╛рдЗрди рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП

*[рд╡рд░реНрдЧ^='рдЪреАрдВрдЯреА-']{
рдмреЙрдХреНрд╕-рд╕рд╛рдЗрдЬрд╝рд┐рдВрдЧ: рдмреЙрд░реНрдбрд░-рдмреЙрдХреНрд╕;
-рд╡реЗрдмрдХрд┐рдЯ-рдЯреИрдк-рд╣рд╛рдЗрд▓рд╛рдЗрдЯ-рд░рдВрдЧ: рдЖрд░рдЬреАрдмреАрдП (0, 0, 0, 0); // рдореЛрдмрд╛рдЗрд▓ рд╕рдлрд╛рд░реА рдХреЗ рд▓рд┐рдП рдЯреИрдк рд╣рд╛рдЗрд▓рд╛рдЗрдЯ рд░рдВрдЧ рд╣рдЯрд╛рдПрдВ
}

рдЗрд╕рдореЗрдВ рдХреНрд░реЙрд╕рдмреНрд░реЛрд╕рд░ рд╕рдВрдЧрддрддрд╛ рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдП рдФрд░ рдЗрд╕реЗ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдореЗрдВ рдЕрдзрд┐рдХ рд╕рдордп рдирд╣реАрдВ рд▓рдЧрдирд╛ рдЪрд╛рд╣рд┐рдПред

рдЗрд╕рд▓рд┐рдП рд╣рдо рд╡реИрдХрд▓реНрдкрд┐рдХ рдХрдо рдлрд╝рд╛рдЗрд▓ рд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рд╡реЗрдмрдкреИрдХ рдореИрдирд┐рдкреБрд▓реЗрд╢рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдпрд╣ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рдереЗ (рдХрдо рд╕реЗ рдХрдо рдЕрдм рддрдХ):

new webpack.NormalModuleReplacementPlugin( /node_modules\/antd\/lib\/style\/index\.less/, path.resolve(rootDir, 'src/styles.less') ),

рдЬрд╣рд╛рдВ src/style.less рдлрд╝рд╛рдЗрд▓ index.less #$ рдлрд╝рд╛рдЗрд▓ рдХреЗ рд╕рдорд╛рди рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ рд▓реЛрдб рдХрд░рддреА рд╣реИ, рд▓реЗрдХрд┐рди рдЙрдиреНрд╣реЗрдВ рд╢реАрд░реНрд╖-рд╕реНрддрд░реАрдп рдЪрдпрдирдХрд░реНрддрд╛ рдХреЗ рджрд╛рдпрд░реЗ рдореЗрдВ рд▓реЛрдб рдХрд░рддреА рд╣реИ:

#root { <strong i="12">@import</strong> '~antd/lib/style/core/index.less'; <strong i="13">@import</strong> '~antd/lib/style/themes/default.less'; }

рдирддреАрдЬрд╛ рдпрд╣ рд╣реИ рдХрд┐ рд╕рднреА "рд╡реИрд╢реНрд╡рд┐рдХ" рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ #root рджрд╛рдпрд░реЗ рдХреЗ рд╕рд╛рде рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ:

рдЖрдк рдХрдо рд▓реЛрдбрд░ рдХреЗ рдХрд┐рд╕ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдХреЗрд╡рд▓ 3.0.0 рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ? рджреЗрдЦреЛред рдЬреИрд╕реЗ https://github.com/webpack-contrib/less-loader/issues/184

рд╕рд╛рде рд╣реА, рдЗрд╕ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдХреЗ рд▓рд┐рдП рдЖрдк рдХрд┐рд╕ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рдереЗ? рдореИрдВ рдЬреЛ рдХрд╛рд░рдг рдкреВрдЫ рд░рд╣рд╛ рд╣реВрдВ рд╡рд╣ рдпрд╣ рд╣реИ рдХрд┐ рдореБрдЭреЗ [email protected] рдФрд░ [email protected] рдХреЗ рд╕рд╛рде рднреА рд╕рдлрд▓рддрд╛ рдирд╣реАрдВ рдорд┐рд▓реА (рд╡реЗрдмрдкреИрдХ рдореЗрдВ рдмрджрд▓рд╛рд╡ рдХреЗ рдмрд╛рдж рд╣рд▓ рдХрд░рдиреЗ рдореЗрдВ рд╕рдорд╕реНрдпрд╛ рдереА)ред ..

рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдпрд╣ рдХрд┐рд╕реА рдХреА рдорджрдж рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдиреЗ рдореБрдЭреЗ рдХреЗрд╡рд▓ рдЙрдкрдпреЛрдЧ рдореЗрдВ рдЖрдиреЗ рд╡рд╛рд▓реЗ рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рд╕реАрдПрд╕рдПрд╕ рдЖрдпрд╛рдд рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдХреА:

import Modal from 'antd/lib/modal'
import 'antd/lib/modal/style/css'

рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдпрд╣ рдХрд┐рд╕реА рдХреА рдорджрдж рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдиреЗ рдореБрдЭреЗ рдХреЗрд╡рд▓ рдЙрдкрдпреЛрдЧ рдореЗрдВ рдЖрдиреЗ рд╡рд╛рд▓реЗ рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рд╕реАрдПрд╕рдПрд╕ рдЖрдпрд╛рдд рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдХреА:

import Modal from 'antd/lib/modal'
import 'antd/lib/modal/style/css'

рд╣рд╛рдБ, рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдХрдИ рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рдЖрдкрдХрд╛ рдорд┐рд▓рд╛рдк рднрд┐рдиреНрди рд╣реЛ рд╕рдХрддрд╛ рд╣реИ, рд╣рд╛рд▓рд╛рдВрдХрд┐ -- рдХрдо рд╕реЗ рдХрдо Select рдХреЛ рдХреЗрд╡рд▓ рдШрдЯрдХ рдХреА рдЕрдкрдиреА рд╢реИрд▓рд┐рдпреЛрдВ рдХреА рддреБрд▓рдирд╛ рдореЗрдВ рдереЛрдбрд╝реА рдЕрдзрд┐рдХ рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИред рдЪрдпрдиреЛрдВ рдореЗрдВ "рдирд┐рдХрд╛рд▓реЗрдВ" рдЖрдЗрдХрди рдЕрдиреНрдпрдерд╛ рдкреНрд░рджрд░реНрд╢рд┐рдд рдирд╣реАрдВ рд╣реЛрдЧрд╛; рдореЗрд░реЗ рдкрд╛рд╕ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЯреНрд░реИрдХ рдХрд░рдиреЗ рдХрд╛ рд╕рдордп рдирд╣реАрдВ рдерд╛, рд▓реЗрдХрд┐рди рд╢рд╛рдпрдж рдореИрдВ рдХреБрдЫ рдорд╛рдореВрд▓реА рд╣реВрдВред рддреЛ рдЖрдкрдХреЛ рдХреБрдЫ рдШрдЯрдХреЛрдВ рдореЗрдВ рдореБрдЦреНрдп рд╢реИрд▓рд┐рдпреЛрдВ рд╕реЗ рдХреБрдЫ рд╢реИрд▓рд┐рдпреЛрдВ рдХреА рдирдХрд▓ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛ рд╕рдХрддреА рд╣реИред

рд╣рд╛рд▓рд╛рдВрдХрд┐ рдпрд╣ рд╡рд┐рдХрд▓реНрдк рдмрд┐рд▓реНрдХреБрд▓ рд╕рд╣реА рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдХрдИ рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдХрд░ рд╕рдХрддрд╛ рд╣реИред рдХрд╕реНрдЯрдо рд╢реИрд▓рд┐рдпреЛрдВ рдореЗрдВ рдЕрдкрдбреЗрдЯ рдХреЗ рд╕рд╛рде рдЯреВрдЯрдиреЗ рдХрд╛ рдЦрддрд░рд╛ рд╣реЛрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЬрдм рдЖрдк рдЕрдкрдиреЗ рдЕрдкрдбреЗрдЯ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рддреЛ рдЖрдк рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рд╣рдорд╛рд░реЗ рд╕рдВрдЧрдарди рдХреЗ рд▓рд┐рдП рдореБрдЭреЗ рдЬреЛ рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рд╕рдорд╛рдзрд╛рди рдорд┐рд▓рд╛ рд╣реИ, рд╡рд╣ рд╣реИ antd рд╕реЗ рдкреВрд░реА CSS рд╢реАрдЯ рдХреЛ рд╢рд╛рдорд┐рд▓ рдХрд░рдирд╛, рдХрд┐рд╕реА рднреА рд╢реИрд▓реА рдХреЗ рд╕рд╛рде рдЬреЛ рдЧреИрд░ antd рдирд╛рдорд┐рдд рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд░рддреА рд╣реИред рдорд╛рдЗрд▓реЗрдЬ рдЕрд▓рдЧ-рдЕрд▓рдЧ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ, рдФрд░ рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ _every_ рд╕реНрдЯрд╛рдЗрд▓ рдХрд╛ рдирдХрд╛рд░рд╛рддреНрдордХ рдкрдХреНрд╖ рдЕрдм рдЖрдпрд╛рдд рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИред рд▓реЗрдХрд┐рди рдпрд╣ рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдФрд░ рд▓рдЧрднрдЧ рджреЛ рдорд╣реАрдиреЗ рддрдХ рдРрд╕рд╛ рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдореИрдВрдиреЗ рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рджреЗрдЦреА рд╣реИред

@jaleikas
рдХреНрдпрд╛ рдЖрдкрдХреЛ рдЗрд╕ рдкрд░ рдХреЛрдИ рдЙрдкрд╛рдп рдорд┐рд▓рд╛ рд╣реИ? рдЬрд╣рд╛рдБ рддрдХ рдореИрдВ рдмрддрд╛ рд╕рдХрддрд╛ рд╣реВрдБ, [email protected] рдХреЗ рд╕рд╛рде рд╕рдорд╕реНрдпрд╛ рдЕрднреА рднреА рд╣рд▓ рдирд╣реАрдВ рд╣реБрдИ рд╣реИ рдФрд░ рдЗрд╕рд▓рд┐рдП NormalModuleReplacementPlugin рдХреЗ рд╕рд╛рде рд╕реБрдЭрд╛рдпрд╛ рдЧрдпрд╛ рдлрд╝рд┐рдХреНрд╕ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рдпрд╣ рд╕рдорд╛рдзрд╛рди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рд▓рдЧрддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЪреАрдЬреЛрдВ рдХреЛ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ рдУрд╡рд░рд░рд╛рдЗрдб рдФрд░ рд╕реНрдХреЛрдк рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред
рдореИрдВрдиреЗ рдЖрдкрдХреЗ рдЬреИрд╕рд╛ рд╣реА рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛, рдХрдо рд▓реЛрдбрд░ рдХреЛ рдбрд╛рдЙрдирдЧреНрд░реЗрдб рдХрд┐рдпрд╛, рд▓реЗрдХрд┐рди рдлрд┐рд░ рд╡реЗрдмрдкреИрдХ рд╕рдорд╛рдзрд╛рди рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ред

рдпрд╣рд╛рдВ [email protected] рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ред

рдЗрд╕рд╕реЗ рдкреАрдбрд╝рд┐рдд рд▓реЛрдЧ рдкреИрдХреЗрдЬ рдХреЛ рд╕реАрдзреЗ рд░рд┐рдкреЙрдЬрд┐рдЯрд░реА рд╕реЗ рдЬреЛрдбрд╝рдХрд░ рдореЗрд░реЗ рдХрд╛рдВрдЯреЗ рдХреЛ рдЖрдЬрд╝рдорд╛рдирд╛ рдЪрд╛рд╣ рд╕рдХрддреЗ рд╣реИрдВ

yarn add github:serguzest/ant-design#3.4.1-NoCssPollution

рдпрд╛

npm install github:serguzest/ant-design#3.4.1-NoCssPollution

рдореИрдВрдиреЗ рдмрд╕ рдЖрдзрд╛рд░ рдХреЛ рддреНрдпрд╛рдЧ рджрд┐рдпрд╛ рдФрд░ рдмрд┐рдирд╛ рдХрд┐рд╕реА рдЕрдиреНрдп рд╕рдВрд╢реЛрдзрди рдХреЗ рдЗрд╕реЗ рдмрдирд╛рдпрд╛ред рдпрд╣ рдореЗрд░реЗ рдорд╛рдорд▓реЗ рдореЗрдВ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдореИрдВ рдЗрд╕рдХреЗ рдХрдИ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рддрд╛ред рдпрд╣ рд╢рд╛рдпрдж рдХреБрдЫ рдШрдЯрдХреЛрдВ рд╕реЗ рдкреНрд░рднрд╛рд╡рд┐рдд рд╣реЛрдЧрд╛, рдЦрд╛рд╕рдХрд░ рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдЕрдкрдиреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЙрдЪрд┐рдд рд░реАрд╕реЗрдЯ рд╕реНрдЯрд╛рдЗрд▓ рд╢реАрдЯ рдирд╣реАрдВ рд╣реИред #4546

рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ

рдЬреЛ рд▓реЛрдЧ рдЗрд╕рд╕реЗ рдкреАрдбрд╝рд┐рдд рд╣реИрдВ рд╡реЗ рдкреИрдХреЗрдЬ рдХреЛ рд╕реАрдзреЗ рд░рд┐рдкреЙрдЬрд┐рдЯрд░реА рд╕реЗ рдЬреЛрдбрд╝рдХрд░ рдореЗрд░реЗ рдХрд╛рдВрдЯреЗ рдХреЛ рдЖрдЬрдорд╛ рд╕рдХрддреЗ рд╣реИрдВ

yarn add github:serguzest/ant-design#3.4.1-NoCssPollution

рдпрд╛

npm install github:serguzest/ant-design#3.4.1-NoCssPollution

рдореИрдВрдиреЗ рдХреЗрд╡рд▓ рдЖрдзрд╛рд░ рд░рд╣рд┐рдд рдХреЛ рдЦрд╛рд░рд┐рдЬ рдХрд┐рдпрд╛ рдФрд░ рдЗрд╕реЗ рдмрд┐рдирд╛ рдХрд┐рд╕реА рдЕрдиреНрдп рд╕рдВрд╢реЛрдзрди рдХреЗ рдмрдирд╛рдпрд╛ред рдпрд╣ рдореЗрд░реЗ рдорд╛рдорд▓реЗ рдореЗрдВ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдореИрдВ рдЗрд╕рдХреЗ рдХрдИ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реВрдВред рдпрд╣ рд╢рд╛рдпрдж рдХреБрдЫ рдШрдЯрдХреЛрдВ рдХреЗ рд▓реБрдХ рдХреЛ рддреЛрдбрд╝ рджреЗрдЧрд╛, рдЦрд╛рд╕рдХрд░ рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдЕрдкрдиреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рд╕рдордЭрджрд╛рд░ рд░реАрд╕реЗрдЯ рд╕реНрдЯрд╛рдЗрд▓рд╢реАрдЯ рдирд╣реАрдВ рд╣реИред #4546

рдЗрд╕ рд╕рдорд╛рдзрд╛рди рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж!

рдХреНрдпрд╛ рдЖрдкрдХреЛ рдЗрд╕ рдкрд░ рдХреЛрдИ рдЙрдкрд╛рдп рдорд┐рд▓рд╛ рд╣реИ? рдЬрд╣рд╛рдБ рддрдХ рдореИрдВ рдмрддрд╛ рд╕рдХрддрд╛ рд╣реВрдБ, [email protected] рдХреЗ рд╕рд╛рде рд╕рдорд╕реНрдпрд╛ рдЕрднреА рднреА рд╣рд▓ рдирд╣реАрдВ рд╣реБрдИ рд╣реИ рдФрд░ рдЗрд╕рд▓рд┐рдП NormalModuleReplacementPlugin рдХреЗ рд╕рд╛рде рд╕реБрдЭрд╛рдпрд╛ рдЧрдпрд╛ рдлрд╝рд┐рдХреНрд╕ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рдпрд╣ рд╕рдорд╛рдзрд╛рди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рд▓рдЧрддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЪреАрдЬреЛрдВ рдХреЛ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ рдУрд╡рд░рд░рд╛рдЗрдб рдФрд░ рд╕реНрдХреЛрдк рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

рдореИрдВрдиреЗ рдПрдВрдЯрдбреА рдХрд╛ рдЙрдкрдпреЛрдЧ рдмрдВрдж рдХрд░рдирд╛ рдЪреБрдирд╛, рдФрд░ рдХреБрдЫ рдЕрд╕реНрдерд┐рд░ рдШрдЯрдХреЛрдВ (рдЬреИрд╕реЗ рдЖрд░рд╕реА-рд╕реНрд╡рд┐рдЪ) рдХреЛ рдЪреБрдирдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд┐рдпрд╛ред рд╕рдорд╕реНрдпрд╛ рдпрд╣ рд╣реИ рдХрд┐ рдЕрдзрд┐рдХрд╛рдВрд╢ "рдЕрд╕реНрдерд┐рд░" рдШрдЯрдХ рдпрд╛ рддреЛ рднрдпрд╛рдирдХ рд░реВрдк рд╕реЗ/рджрд╕реНрддрд╛рд╡реЗрдЬ рдирд╣реАрдВ рд╣реИрдВ, рдФрд░ рдЙрдирдореЗрдВ рд╕реЗ рдХреБрдЫ рднреА рдЕрд▓рдЧ рддрд░рд╣ рд╕реЗ рд╡реНрдпрд╡рд╣рд╛рд░ рдХрд░рддреЗ рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рдЕрдзрд┐рдХрд╛рдВрд╢ рднрд╛рдЧ рдХреЗ рд▓рд┐рдП, рдореИрдВрдиреЗ рдЫреЛрдбрд╝ рджрд┐рдпрд╛ рдФрд░ рдХрд╣реАрдВ рдФрд░ рджреЗрдЦрд╛ ...

рдирдорд╕реНрддреЗ, .ant рд╕реЗ рд╢реБрд░реВ рд╣реЛрдиреЗ рд╡рд╛рд▓реЗ рд╕рднреА рддрддреНрд╡реЛрдВ рд╕реЗ рдореЗрд▓ рдЦрд╛рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП, рдФрд░ рдЙрдиреНрд╣реЗрдВ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдЕрд╕рд╛рдЗрди рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП

*[рд╡рд░реНрдЧ^='рдЪреАрдВрдЯреА-']{
рдмреЙрдХреНрд╕-рд╕рд╛рдЗрдЬрд╝рд┐рдВрдЧ: рдмреЙрд░реНрдбрд░-рдмреЙрдХреНрд╕;
-рд╡реЗрдмрдХрд┐рдЯ-рдЯреИрдк-рд╣рд╛рдЗрд▓рд╛рдЗрдЯ-рд░рдВрдЧ: рдЖрд░рдЬреАрдмреАрдП (0, 0, 0, 0); // рдореЛрдмрд╛рдЗрд▓ рд╕рдлрд╛рд░реА рдХреЗ рд▓рд┐рдП рдЯреИрдк рд╣рд╛рдЗрд▓рд╛рдЗрдЯ рд░рдВрдЧ рд╣рдЯрд╛рдПрдВ
}

рдЗрд╕рдореЗрдВ рдХреНрд░реЙрд╕рдмреНрд░реЛрд╕рд░ рд╕рдВрдЧрддрддрд╛ рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдП рдФрд░ рдЗрд╕реЗ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдореЗрдВ рдЕрдзрд┐рдХ рд╕рдордп рдирд╣реАрдВ рд▓рдЧрдирд╛ рдЪрд╛рд╣рд┐рдПред

@ tylik1 , рдзрдиреНрдпрд╡рд╛рдж! рдореБрдЭреЗ рдЕрдкрдиреЗ рдмрд╛рдХреА рдЗрд▓реЗрдХреНрдЯреНрд░реЙрди рдРрдк рд╕реЗ рдорд┐рд▓рд╛рди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╕ рдлрд╝реЙрдиреНрдЯ-рдлрд╝реИрдорд┐рд▓реА рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред рдЗрд╕рдиреЗ рдореБрдЭреЗ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдмрдЪрд╛ рд▓рд┐рдпрд╛ред

рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдпрд╣ рдХрд┐рд╕реА рдХреА рдорджрдж рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдиреЗ рдореБрдЭреЗ рдХреЗрд╡рд▓ рдЙрдкрдпреЛрдЧ рдореЗрдВ рдЖрдиреЗ рд╡рд╛рд▓реЗ рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рд╕реАрдПрд╕рдПрд╕ рдЖрдпрд╛рдд рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдХреА:

import Modal from 'antd/lib/modal'
import 'antd/lib/modal/style/css'

рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рджреНрд╡рд╛рд░рд╛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

import Icon from 'antd/lib/icon';
import 'antd/lib/icon/style/index.css';

рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ рдпрд╣ рдПрдХ рд╢реЛ рд╕реНрдЯреЙрдкрд░ рд╣реИред рдореИрдВ рдПрдВрдЯрдбреА рдХреЛ рднреА рд▓рд╛рдЧреВ рдирд╣реАрдВ рдХрд░реВрдВрдЧрд╛, рднрд▓реЗ рд╣реА рддрд╛рд░реАрдЦ рдкрд┐рдХрд░ рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рд╣реИ рдЬреЛ рдореБрдЭреЗ рдЕрдм рддрдХ рдорд┐рд▓ рд╕рдХрддрд╛ рд╣реИред

рд╡рд░реНрддрдорд╛рди рдореЗрдВ рд╣рдо рдЕрдкрдиреА рдХрдВрдкрдиреА рдХреЗ рд▓рд┐рдП рдПрдХ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдШрдЯрдХ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреА рдЦреЛрдЬ рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдФрд░ рдпрд╣ рднреА рд╣рдорд╛рд░реЗ рд▓рд┐рдП рдПрдХ рдЕрд╡рд░реБрджреНрдз рдореБрджреНрджрд╛ рд╣реИ, рдФрд░ рд╣рдо рд╢рд╛рдпрдж рдЗрд╕рдХреЗ рдХрд╛рд░рдг рдЪреАрдВрдЯреА рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВред

рд╣рдо рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдПрдордпреВрдЖрдИ рдкрд░ рднреА рд╡рд┐рдЪрд╛рд░ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рдЬрд┐рд╕рдореЗрдВ рд╢рд╛рдирджрд╛рд░ рдереАрдо рд╡рд┐рдХрд▓реНрдк рд╣реИрдВ, рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдЖрдк рджреЗрдЦ рд╕рдХреЗрдВ рдХрд┐ рд╡реЗ рдЗрд╕реЗ рдХреИрд╕реЗ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдХреБрдЫ рдЗрд╕реА рддрд░рд╣ рд▓рд╛рдЧреВ рдХрд░рддреЗ рд╣реИрдВред

рдореИрдВрдиреЗ рдЯрд┐рдкреНрдкрдгреА рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП https://www.npmjs.com/package/patch-package рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛

// import 'normalize.css/normalize.css';

antd-mobile/es/style/index.js рд╕реЗред
рдореЗрд░рд╛ рдЙрджреНрджреЗрд╢реНрдп рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП next.js рдкреНрд░рд╛рдкреНрдд рдХрд░рдирд╛ рдерд╛, рдЗрд╕рд▓рд┐рдП рдореЗрд░реЗ рдорд╛рдорд▓реЗ рдореЗрдВ рдореИрдВрдиреЗ рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдЕрдкрдиреЗ рд╣реЗрдбрд░ рдореЗрдВ рдПрдХ рд╕реАрдПрдирдбреА рд▓рд┐рдВрдХ рд╢рд╛рдорд┐рд▓ рдХрд┐рдпрд╛ред

рдпрд╣ 2020 рдерд╛, рдорд╛рдирд╡рддрд╛ рдорд░ рдЧрдИ, рдХреЛрд░реЛрдирд╛рд╡рд╛рдпрд░рд╕, рдЪреАрдВрдЯреА-рдбрд┐рдЬрд╛рдЗрди рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдЬреЛрдбрд╝рддрд╛ рд╣реИ ...

#9363 . рдореЗрдВ рдЯреНрд░реИрдХрд┐рдВрдЧ

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

ericdai picture ericdai  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

tangsj picture tangsj  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

kevyu picture kevyu  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

taikongfeizhu picture taikongfeizhu  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Orbyt picture Orbyt  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ