javascript - 运行导入 css 模块的 ts-node 脚本

Question

如何运行导入 css 模块的脚本？
我正在编写一个我想通过 ts-node 运行的 typescript 迁移脚本.理想情况下，我的代码库会被组织成脚本的依赖项永远不会触及 React 组件，但事实并非如此。该脚本最终会导入 React 组件和 css 模块，所以 ts-node失败，因为它不理解 css 模块:

RenderableInline.tsx(4,20): error TS2307: Cannot find module './styles/RenderableInline.module.scss' or its corresponding type declarations.

只有 webpack 了解如何构建 css 模块，因为我已经通过 css-loader 配置了它。 .
我发现的唯一先例是 jest，它有一些用于模拟 css 模块的配置选项，因此它可以毫无错误地导入这些文件: https://jestjs.io/docs/webpack .
如何运行依赖于 css 模块的 typescript 脚本？有没有办法通过 ts-node 做到这一点？ ?还是 webpack 有一些脚本运行功能？

Answer 1

添加全局.d.ts提供有关如何 .css 的指导的文件文件应该被处理。
如src/global.d.ts内容如下:

declare module '*.module.css' {
  const classes: { [key: string]: string };
  export default classes;
}

添加 typescript-plugin-css-modules 也可能会有所帮助插入。请注意，这仅在使用 VSCode 进行开发期间有帮助，但在编译期间无效。

虽然我通常可以正常工作，但我仍然面临着让 ts-node-dev 正常工作的问题- 可能与 ts-node 有关默认不加载这些类型文件 Missing Types .不幸的是，即使使用 --files指令，我无法让它工作。