react 配置stylus

當前react版本 16.8.6

顯示配置文件


npm run eject

// 或者

yarn run eject

配置 config/webpack.config.js


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'
    )
},


安裝插件


// 安裝 stylus
npm i --save-dev stylus


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


?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容