緊接上一篇給項(xiàng)目添加antd。。
-
style-loader 和 css-loader 兩者必須安裝，less-loader可根據(jù)需要安裝。都是--save-dev。
webpack提供兩個(gè)工具處理樣式表，css-loader 和 style-loader，二者處理的任務(wù)不同，css-loader使你能夠使用類似@import 和 url(...)的方法實(shí)現(xiàn) require()的功能,style-loader將所有的計(jì)算后的樣式加入頁面中，二者組合在一起使你能夠把樣式表嵌入webpack打包后的JS文件中。
webpack.config.js文件 -
使用antd框架寫UI。
（1）首先安裝antd：--save
（2）安裝babel-plugin-import：--save-dev，通過本擴(kuò)展插件來引用擴(kuò)展文件。
（3）在webpack.config.js里面需要將antd配置在js或jsx選項(xiàng)里；由于antd需要babel的擴(kuò)展來加載js和css，因此在.babelrc文件里面也需要這樣寫：
webpack.config.js文件
.babelrc文件
（4）然后重新npm run start，打開頁面即可看到antd的樣式已生效。
感謝凱凱同學(xué)給我普及babel的知識(shí)，還需要再加深學(xué)習(xí)~~~go on！?。?/p>
