如何将 tailwindcss 添加到 KotlinJS

Question

我无法将 tailwindcss 库添加到我的 KotlinJS 项目中。我尝试了很多事情。

我在build.gradle.kts中定义了多个依赖项

implementation(npm("postcss", "latest"))
implementation(npm("postcss-loader", "latest"))
implementation(npm("tailwindcss", "1.8.10"))

我尝试使用以下内容在webpack.config.d中创建tailwindcss.js

config.module.rules.push({
        test: /\.css$/i,
        use: [
            'style-loader',
            'css-loader',
            {
                loader: 'postcss-loader',
                options: {
                    postcssOptions: {
                        plugins: [
                            [
                                'tailwindcss'
                            ],
                        ],
                    },
                },
            }
        ]
    }
);

但这没有任何作用。我也尝试使用多个选项修改它，但我始终无法编译 tailwindcss。我还尝试在build.gradle.kts中禁用和启用 KotlinJS CSS 支持

我找不到任何有关如何将 postcss 添加到 KotlinJS 项目的信息。

感谢您的任何帮助。

Answer 1

接受的答案似乎不再有效。此外，使用 Node Gradle 插件并不是最佳选择（KotlinJS 已经维护了自己的插件package.json和yarn安装）。

我设法让 Tailwind 与 KotlinJS 一起使用，感谢这个存储库 (GitHub)以及您可以在此处 (GitLab) 找到的一些小更新。