gajus/babel-plugin-react-css-modules

Not compatible with css-loader@3.0.0

Open

#258 创建于 2019年6月24日

在 GitHub 查看
 (4 评论) (0 反应) (0 负责人)JavaScript (2,044 star) (176 fork)batch import
help wantedquestion

描述

I have localIdentName set to '[path]___[name]__[local]___[hash:base64:5]' in the css-loader, but as of 3.0.0 this generates a name (in css-loader) where slashes and dots aren't replaced with dashes but rather escaped.

That's a bit uglier to read now (anyway, they aren't really meant for humans) -- but the main problem is that this plugin now generates invalid className values because it's using the old logic.

Example:

className: rb-client-js-modules-landing-___Landing-module__landing-page-card___kz6iY css: .rb\/client\/js\/modules\/landing\/___Landing\.module__landing-page-card___kz6iY

贡献者指南

技术栈
javascriptnodejsreactcss
领域
frontendbuild systemdeveloper experience
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 hours
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
CSS modulesBabel plugin basicscss loader configuration
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
45
研究方向
Investigate the css loader@3.0.0 changelog to understand how it escapes slashes and dots in localIdentName. Then examine the plugin's code (likely in src/index.js or similar) that produces className values, and update it to match the new behavior. The issue provides an example of the mismatch.