reactjs - CSS tidak diterapkan saat digunakan dengan React, Typescript dan typescript-plugin-css-modules
Saya memiliki pengaturan dengan React dan Typescript dan saya sedang mencoba untuk mengimpor dan menggunakan modul CSS. Saya telah menginstal typescript-plugin-css-modules dan mengubah tsconfig.json dengan menambahkan "plugins": [{ "name": "typescript-plugin-css-modules" }]. Juga, saya memiliki Global.d.ts yang mencakup
declare module "*.module.css" {
const classes: { [key: string]: string };
export default classes;
}
Ini adalah webpack.config.js saya
{
test: /\.css$/,
use: [
"style-loader",
{
loader: "css-loader",
options: {
modules: true,
},
},],
},
Sekarang impor di dalam komponen React berfungsi tetapi mereka tidak diterapkan/dirender.
import styles from "./mystyle.module.css"
<span className={styles.StyledSpan}>text</span>
Apa yang mungkin saya lewatkan dalam konfigurasi ini?