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

相关文章
相关标签/搜索