如何在react中使用stylus

本质就是修改配置，在webpack的配置里添加stylus的解析loader

步骤1：下载

npm i stylus stylus-loader --save-dev

步骤2：修改配置

显示配置文件夹，现在都默认隐藏了

npm run eject  //提示输入y回车

找到 config文件夹里的webpack.config.js，打开添加

const stylusRegex = /\.styl|stylus$/;
const stylusModuleRegex = /\.module\.styl|stylus$/;

添加的位置就在sass后就行，如图

再在后面加上使用loader配置的配置代码

 // stylus 配置文件
 {
   test: stylusRegex,
   exclude: stylusModuleRegex,
   u