在 TypeScript 中引入 CSS 文件，你需要借助 webpack 的样式加载器（如 style-loader 和 css-loader）。以下是如何配置和使用的步骤：

1. 首先，确保安装了以下 npm 包： npm install --save-dev css-loader style-loader

2. 在 webpack 配置文件（webpack.config.js）中添加规则以处理 .css 文件：

javascript // webpack.config.js module.exports = { //... module: { rules: [ { test: /\.css$/i, use: ['style-loader', 'css-loader'], }, ], }, //... };

1. 现在你可以在 TypeScript 文件中导入 CSS：

```typescript // index.ts import './styles.css';

// 其他 TypeScript 代码... ```

1. styles.css 文件放在与 TypeScript 文件相同或相关的目录中。

通过以上配置，当你运行 webpack 时，它会自动处理 CSS 文件并将其添加到最终生成的 bundle 中。同时，style-loader 会将 CSS 注入到 DOM 中，使得样式生效。