Arin Movsesian
Arin Movsesian
خواندن ۱ دقیقه·۶ سال پیش

چرا بایستی CSS Module را در React فعال سازی کنیم؟

برای اینکه در ریکت بتونیم هر component یا container کلاس مخصوص خودش داشته باشه و یونیک باشه بایستی css module رو در ریکت enable کنیم.

1) npm run eject

2) config ---> (webpack.config.dev.js) && (webpack.config.prod.js) find something like that:

loader: getStyleLoaders({
importLoaders: 1,
sourceMap: shouldUseSourceMap,
modules: true,
localIdentName: '[name]__[local]__[hash:base64.5]'

}),

3) add Bold items in both files.

سپس در component یا container کلاس خود را مثل زیر اضافه کنید.

1) in css file ---> .getColor: {color: red}

2) in js or jsx file ---> import style from './yourCss'

3) in jsx part ---> <h1 className={style.getColor}>Arin Movsesian</h1>

در نهایت هر تگی کلاس یونیک خود را خواهد داشت.

reactcssmodule
Front-End Web Developer & Designer
شاید از این پست‌ها خوشتان بیاید