antd在webpack裡面的配置

2022-03-04 12:33:14 字數 459 閱讀 6868

antd是螞蟻金服打造的乙個react元件,真的非常棒,我看了下官方文件,感覺比bootstrap要好。唯一的缺點可能就是打包的時候要打包它的一些樣式表,所以資源體積會很大,並且css可能會和自己的相衝突。

我在webpack中配置antd配置了很久,現在把它記錄下來,供以後開發時參考,相信對其他人也有用。

配置**如下:

module: ] //按需載入]},

},,

]}

由於自己還是比較小白的,所以在寫配置檔案的時候踩了許多坑,記錄如下:

(1)引號後面的大括號,中括號,小括號的左括號{、{、(不能另起一行。(本來為了好看,我就把他們另起一行寫,但是這樣是不行的,原因是編譯的時候會自動在引號後面加分號,造成錯誤)

(2)變數名一定要注意,有的變數名要用單引號括起來,有的不需要。(比如上面的libraryname和style就不能用單引號括起來)

antd裡面的Table渲染多出來資料問題

最近發現個問題,就是table渲染的時候竟然會多出來一條上次的資料,關鍵在render渲染前還列印了資料是對的,但是一看頁面傻眼了 然後發現了這是antd的乙個bug,記錄下,希望幫我一樣遇到這樣問題的人。按照 react 的規範,所有的元件陣列必須繫結 key。在 table 中,datasour...

webpack分離打包antd記錄

希望得到的結果是將antd按元件載入,減少首屏載入的包大小 antd 又依賴於相應的rc模組,所以,rc同樣按功能組分離,同時antd moment local 各種語言包存在依賴關係 統計結果 首屏載入 js 769kb 個數 34 bundle antd rcmoment local commo...

nginx在centos裡面的應用

啟動nginx usr local nginx sbin nginx 重啟nginx usr local nginx sbin nginx s reload usr local nginx sbin nginx s reopen 重新開啟日誌檔案 usr local nginx sbin nginx...