gajus / gajus/babel-plugin-react-css-modules
Document how to use with create-react-app
- 主要言語
- 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