Typescript结合CSSModule遇到的问题

刚开始用trpescript不是很熟系，之前引入图片还出现过类似报错

问题来源：ts无法识别非代码的资源

解决：

1. 进行相应的类型声明
   创建globals.d.ts，添加相应的声明代码declare module '*.scss';
   打开tsconfig.json ，添加代码"include": [ "./**/*.ts"], "exclude": ["node_modules/**/*"]
   重启项目即可

2. 进行typescript的配置

在tsconfig.json中配置
{
  "compilerOptions": {
    "plugins": [{
      "name": "typescript-plugin-css-modules",
      "options": {
        "customMatcher": "\\.(c|le||lle|sa|sc)ss$"
      }
    }]
  },
}

在项目根目录下创建 .vscode/settings.json
{

"typescript.tsdk": "node_modules/typescript/lib",

"typescript.enablePromptUseWorkspaceTsdk": true

}

打开 vscode 的设置页面。
搜索 typescript.tsserver.pluginPaths。
添加 typescript-plugin-css-modules 插件。