When providing `--css-modules insertHashHere` microbundle will treat all CSS files as CSS modules
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 42/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- javascript
- 領域
- build-system, cli
調査の方向性
src/lib/css-modules.js の参照されている行付近から始め、--css-modules true、カスタムハッシュパターン、--no-css-modules を使って動作を再現します。カスタムハッシュによって生成される CSS-module のシグネチャが変わり、すべての CSS ファイルがモジュールになることはなく、その一方でドキュメント化された flag の動作が区別されたままであれば完了です。
索引モデルが issue の本文から書いたものです。
説明
Microbundle supports providing a custom hash generator name for CSS modules by providing --css-modules insertHashPatternHere (eg.: --css-modules _[hash:base64:5].
The Bug
But then Microbundle will also treat all CSS files as CSS modules, instead of just changing the generated signature of the actual CSS modules.
By the documentation, all CSS files should be considered a CSS module if a flag --css-modules true is provided.
Possibly source of the Bug
The bug seems to originate on https://github.com/developit/microbundle/blob/b1a637486234a2ae784ccf0c512321e2d3efef7c/src/lib/css-modules.js#L8 where it only considers the "should only suffix modules" when the option null is being passed.
The caveats
I suppose the --css-modules flag should only support null, true and false (Default Behaviour (Only when suffix), Enforce AutoCSS modules, Disable CSS modules completely).
Since there is the flag --no-css-modules there should be one for specifying the hash too. For example --css-modules-hash _[hash:base64:5].
This would also avoid confusion since it is not documented in the README that using a custom hash would enforce CSS modules.
I would be more than happy to provide a patch 😄
- 主要言語
- JavaScript
- スター
- 8.1k
- フォーク
- 358
- PR マージ指標
- 30日以内にマージされた PR はありません
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
developit/microbundle のほかの issue
-
CSS
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
developit/microbundle#1002 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
developit/microbundle#789 · コメント 1 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 55/100
developit/microbundle#1100 · コメント 4 件 ·
-
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
developit/microbundle#1094 · コメント 1 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 45/100
developit/microbundle#1093 · コメント 3 件 · リアクション 1 件 ·
developit/microbundle の issue をすべて見る
似ている issue
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
georgestephanis/p2026#40 ·
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·