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

前提: 使用 yarn create react-app 建立的項目,yarn add antd 引入 antdnode

1. yarn run eject

2. yarn add stylus stylus-loader

若是須要 less, 則將此文出現的stylus通通替換爲less, 或者追加less, 讓stylus與less同時生效

此時重啓,可能會報錯以下,刪除node_modules, 執行yarn從新安裝全部的包,重啓,經過。
(報錯緣由不知)react

clipboard.png

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

clipboard.png

clipboard.png

clipboard.png

4. 重啓 yarn start, 完成

clipboard.png

配置alias別名 @

操做以下,重啓生效
clipboard.pngwebpack

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

clipboard.png

相關文章
相關標籤/搜索