前提: 使用 yarn create react-app 創建的項目,yarn add antd 引入 antd
1. yarn run eject
2. yarn add stylus stylus-loader
如果需要 less, 則將此文出現的stylus統統替換為less, 或者追加less, 讓stylus與less同時生效
此時重啓,可能會報錯如下,刪除node_modules, 執行yarn重新安裝所有的包,重啓,通過。
(報錯原因不知)
3. 修改webpack.config.js, 紅框部分未更新後的內容
4. 重啓 yarn start, 完成
配置alias別名 @
操作如下,重啓生效
補充配置stylus的簡便方法,插件安裝好後,添加如下圖所示在config文件添加粗線框內代碼即可