将自定义尾风配置文件传递给 postcss 加载器
Posted
技术标签:
【中文标题】将自定义尾风配置文件传递给 postcss 加载器【英文标题】:Passing custom tailwind config file to postcss loader 【发布时间】:2021-05-18 21:42:07 【问题描述】:在我的项目中,我想生成 2 个顺风文件。
-
前端文件,无前缀
管理文件,所有类都加前缀
我添加了 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 中使用的确切顺风配置?
【问题讨论】:
【参考方案1】:似乎如果您有任何名为 derfault 配置文件的文件,无论您做什么,它都会始终使用它们。将默认文件重命名为其他文件使其实际上采用了我传递给它的文件。
【讨论】:
以上是关于将自定义尾风配置文件传递给 postcss 加载器的主要内容,如果未能解决你的问题,请参考以下文章