gajus / gajus/babel-plugin-react-css-modules

Document how to use with create-react-app

オープン
#247 コメント 14 件 リアクション 0 件 担当者 0 名 GitHub で見る
enhancement
主要言語
JavaScript
スター
2k
フォーク
159
PR マージ指標
30日以内にマージされた PR はありません

説明

tl;dr;

Use https://github.com/sharegate/craco.

Create `craco.config.js`:

```js
const CSS_MODULE_LOCAL_IDENT_NAME = '[local]___[hash:base64:5]';

module.exports = {
style: {
modules: {
camelCase: true,
localIdentName: CSS_MODULE_LOCAL_IDENT_NAME
}
},
babel: {
loaderOptions: {
// Without this Babel caches module name resolution,
// e.g. wrongly identifies that CSS module does not exist.
cacheDirectory: false,
},
plugins: [
[
'babel-plugin-react-css-modules',
{
attributeNames: {
activeStyleName: 'activeClassName'
},
filetypes: {
'.scss': {
syntax: 'postcss-scss'
}
},
generateScopedName: CSS_MODULE_LOCAL_IDENT_NAME,
handleMissingStyleName: 'warn'
}
]
]
}
};

```

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

リポジトリのドキュメントまたはREADMEセクションにある統合手順を見つけ、リンクされているcracoプロジェクトを確認します。提供されたcraco.config.jsの例を追加し、それによってCreate React Appで使用できるようになる仕組みを説明します。ユーザーが文書化されたセットアップに従える状態になれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
babel, javascript, react
領域
documentation, frontend
issue の種類
ドキュメント
難易度
2/5
見積もり時間
1〜3時間
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。