react 配置stylus

2019-08-21 16:45:48 浏览数 (1)

当前react版本 16.8.6

显示配置文件
代码语言:javascript复制
npm run eject

// 或者

yarn run eject
配置 config/webpack.config.js
代码语言:javascript复制
const cssRegex = /.css$/;
const cssModuleRegex = /.module.css$/;
const sassRegex = /.(scss|sass)$/;
const sassModuleRegex = /.module.(scss|sass)$/;
// 添加test
const stylusRegex =  /.styl$/;

...

// 添加loader配置
{
    test: stylusRegex,
    use: getStyleLoaders(
    {
      importLoaders: 2,
      sourceMap: isEnvProduction && shouldUseSourceMap,
    },
    'stylus-loader'
    )
},
安装插件
代码语言:javascript复制
// 安装 stylus
npm i --save-dev stylus


// 安装loader
npm i --save-dev stylus-loader

0 人点赞