瑕佹寜闇€鍔犺浇缁勪欢锛屼綘鍙互浣跨敤webpack鎻掍欢鏉ュ疄鐜般€備互涓嬫槸涓€绉嶅父鐢ㄧ殑鏂规硶锛?/p>

1. 棣栧厛锛屽畨瑁?quot;babel-plugin-import"鎻掍欢锛岃鎻掍欢鍙互甯姪鎴戜滑瀹炵幇鎸夐渶鍔犺浇缁勪欢銆?/li>

npm install babel-plugin-import --save-dev

2. 鍦╳ebpack閰嶇疆鏂囦欢涓紝娣诲姞babel-loader閰嶇疆銆傜‘淇濅綘宸茬粡鍦ㄩ」鐩腑浣跨敤浜哹abel-loader銆?/li>

module: {
  rules: [
    {
      test: /\.jsx?$/,
      exclude: /node_modules/,
      use: {
        loader: 'babel-loader',
        options: {
          plugins: [
            ['import', {
              libraryName: 'antd',
              style: 'css'
            }]
          ]
        }
      }
    }
  ]
}

鍦ㄤ笂杩伴厤缃腑锛屾垜浠娇鐢ㄤ簡babel-plugin-import鎻掍欢锛屽苟鎸囧畾浜嗚鍔犺浇鐨勭粍浠跺簱鍚嶇О锛岃繖閲屼互antd涓轰緥銆傛垜浠繕鍙互鎸囧畾瑕佸姞杞界殑鏍峰紡鏂囦欢绫诲瀷锛岃繖閲屼娇鐢ㄤ簡css銆?/p>

3. 鍦ㄩ」鐩唬鐮佷腑锛屾寜闇€鍔犺浇闇€瑕佺殑缁勪欢銆備綘鍙互鍦ㄩ渶瑕佷娇鐢ㄧ粍浠剁殑鍦版柟锛岀洿鎺ュ鍏ョ粍浠躲€?/li>

import { Button, DatePicker } from 'antd';

杩欐牱锛寃ebpack浼氬皢浣犳墍闇€鐨勭粍浠惰繘琛屾寜闇€鍔犺浇锛岃€屼笉鏄皢鏁翠釜缁勪欢搴撲竴娆℃€у姞杞藉埌椤圭洰涓€?/p>

娉ㄦ剰锛氬湪浣跨敤姝ゆ柟娉曚箣鍓嶏紝纭繚浣犵殑椤圭洰涓凡缁忓畨瑁呬簡antd缁勪欢搴擄紝骞舵纭厤缃簡webpack銆?/p>