рдЗрд╕ рдорд╣рд╛рди рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж!
рдореИрдВрдиреЗ рдореЙрдбреНрдпреВрд▓рд░ рд╕реАрдПрд╕рдПрд╕ рдЖрдпрд╛рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП babel-plugin-import
рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА, рд▓реЗрдХрд┐рди рдПрдХ рд╡реНрдпрдХреНрддрд┐рдЧрдд рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рд╕реАрдПрд╕рдПрд╕ рдХреЗ рд╕рд╛рде, рдмрд╣реБрдд рд╕рд╛рд░реЗ рд╡реИрд╢реНрд╡рд┐рдХ рд╕реАрдПрд╕рдПрд╕ рдЖрдпрд╛рдд рдХрд┐рдП рдЬрд╛ рд░рд╣реЗ рд╣реИрдВ рдЬреЛ рдореЗрд░реА рдореМрдЬреВрджрд╛ рд╢реИрд▓рд┐рдпреЛрдВ рдореЗрдВ рд╣рд╕реНрддрдХреНрд╖реЗрдк рдХрд░рддреЗ рд╣реИрдВред рдХреНрдпрд╛ рд╡реИрд╢реНрд╡рд┐рдХ рд╕реАрдПрд╕рдПрд╕ рдХреЛ рд╢рд╛рдорд┐рд▓ рдХрд┐рдП рдмрд┐рдирд╛ рдХрд┐рд╕реА рд╡реНрдпрдХреНрддрд┐рдЧрдд рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рд╕реАрдПрд╕рдПрд╕ рдЖрдпрд╛рдд рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ?
рдзрдиреНрдпрд╡рд╛рдж!
рдХреНрдпрд╛ рдЖрдкрдХрд╛ рдорддрд▓рдм рд╕реАрдПрд╕рдПрд╕ рдирд┐рдпрдо рдЗрд╕ рддрд░рд╣ рд╣реИ?
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-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 . рдореЗрдВ рдЯреНрд░реИрдХрд┐рдВрдЧ
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рд╣рд╛рд▓рд╛рдВрдХрд┐ рдпрд╣ рднрдпрд╛рдирдХ рдбрд┐рдЬрд╛рдЗрди рд╣реИред