在 react -typescrip中使用css module
1. 声明 .d.ts文件
在项目文件夹声明一个文件夹**.d.ts在里面添加
declare module '*.css' { const css:{[key: string]: string}; export default css ; }
- 记得样式文件后缀为.module.css 不然有时会报错
- 现在就可以在项目中使用了,如果还想有提示功能可以继续下面的内容
完成!!!!!
2进行优化
添加提示功能
- 使用:
npm install typescript-plugin-css-modules --save-dev
- 在tsconfig.js中添:
"plugins": [{ "name": "typescript-plugin-css-modules" }]
如果是vscode还需设置一下
- 新建一个文件夹.vscode
- 在里面新建一个文件settings.json
- 添加代码
{ "typescript.tsdk": "node_modules/typescript/lib", "typescript.enablePromptUseWorkspaceTsdk": true }
大功告成!!!!