一、安装插件 typescript-plugin-css-modules
二、配置tsconfig.json文件
{
"compilerOptions": {
"plugins": [{
"name": "typescript-plugin-css-modules",
"options": {
"customMatcher": "\\.(c|le||lle|sa|sc)ss$"
}
}]
},
}
三. 配置vscode的settings.json文件
1、当前工作区
在项目根目录下创建 .vscode/settings.json
.vscode/settings.json
{
"typescript.tsdk": "node_modules/typescript/lib",
"typescript.enablePromptUseWorkspaceTsdk": true
}
2. 全局工作区
- Ctrl + , 打开 vscode 的设置页面。
- 搜索 typescript.tsserver.pluginPaths。
- 添加 typescript-plugin-css-modules 插件。