如何解决将自定义的顺风配置文件传递给 postcss 加载器
在我的项目中,我想生成 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 中使用的确切顺风配置?
解决方法
似乎如果您有任何名为 derfault 配置文件的文件,无论您做什么,它都会始终使用它们。将默认文件重命名为其他名称使其实际上采用了我传递给它的文件。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。