将自定义顺风配置文件传递给 postcss 加载器

Question

在我的项目中，我想生成 2 个 tailwind 文件。

前端文件，无前缀
管理文件，所有类前缀

我添加了 2 个配置文件：

tailwind.config.js
tailwind.admin.config.js

在tailwind.admin.config.js里面我添加了属性:

prefix: 'tw-',

问题出在 webpack 我无法在我的规则中指定替代配置。无论我做什么，它总是使用 tailwind.config.js 文件。

这是我的 amdin 文件的 webpack 规则：


{
    test: /\.css$/,
    use: [
        {
            loader: MiniCssExtractPlugin.loader,
        },
        {
            loader: 'css-loader',
            options: {
                importLoaders: 1,
            }
        },
        {
            loader: 'postcss-loader',
            options: {
                postcssOptions: {
                    plugins: [
                        require('precss'),
                        require('tailwindcss')('./tailwind.admin.config.js'),
                        require('autoprefixer'),
                    ]
                }

            },
        }
    ],
},

格式 require('tailwindcss')('./tailwind.admin.config.js'), 只是我看到的一种用于指定配置文件的格式，但它在 postcss-loader 中不起作用。它总是使用默认文件。

如何指定要在 webpack 中使用的确切顺风配置？

Answer 1

似乎如果您有任何名为 derfault 配置文件的文件，无论您做什么，它都会始终使用它们。将默认文件重命名为其他名称使其实际上采用了我传递给它的文件。

将自定义顺风配置文件传递给 postcss 加载器

Passing custom tailwind config file to postcss loader

webpack

postcss

postcss-loader

tailwind-css