博客 / 詳情

返回

react ^16.8.6 添加 stylus & less ; 配置alias別名 @

前提: 使用 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重新安裝所有的包,重啓,通過。
(報錯原因不知)

clipboard.png

3. 修改webpack.config.js, 紅框部分未更新後的內容

clipboard.png

clipboard.png

clipboard.png

4. 重啓 yarn start, 完成

clipboard.png

配置alias別名 @

操作如下,重啓生效
clipboard.png

補充配置stylus的簡便方法,插件安裝好後,添加如下圖所示在config文件添加粗線框內代碼即可

clipboard.png

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.