如何让 webpack 在其他条目之前编译样式？

Question

我想使用 PostCSS 插件来为类名提供类型安全性 (postcss-ts-classnames ）。它生成一个带有 classNames 的 .d.ts 文件，作为 postcss 插件。我想用它来确保 JS 和 CSS 同步，并且我们不会保留旧的类名。当前设置有效，但仅在第一次构建之后。我想强制 webpack 首先编译 CSS，因此 .d.ts 文件在 TypeScript 编译期间始终存在。

理想情况下，我想对 webpack 说“嘿，编译它会生成一个文件作为副产品，另一个编译依赖于这个副产品”。

webpack.config.js

const path = require('path');

module.exports = {
    mode: 'development',
    entry: ['./index.ts', './index.css'],
    module: {
        rules: [
            {
                test: /\.css$/i,
                use: [
                    "style-loader",
                    "css-loader",
                    "postcss-loader"
                ],
            },
            {
                test: /\.tsx?$/,
                use: 'ts-loader',
                exclude: /node_modules/,
            },
        ],
    },
};

postcss.config.js

module.exports = {
    plugins: [
        require("postcss-ts-classnames")({
            dest: "classnames.d.ts",
        }),
    ]
}

我认为 css/ts 并不那么重要，但我在 https://gist.github.com/marijnvdwerf/f44143b6c4cdc7d5c42120bb9eb24744。