webpack - 将自定义尾风配置文件传递给 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 配置文件的文件,无论您做什么,它都会始终使用它们。将默认文件重命名为其他文件使其实际上采用了我传递的文件。
推荐阅读
- python - 在音频文件中查找音效
- mongodb - Spring Data MongoTemplate 聚合错误'$filter 的输入必须是数组而不是对象'
- java - 关于在调用过程中指定类型的 java 特性是什么?
- angular6 - 如何在 Angular 6 中生成子组件
- c - 在C中将ASCII字符存储在数组中
- mysql - 通过命令行进行的 Flyway 迁移不起作用
- c - 如何使用 esp_bt_gap_read_rssi_delta 函数从 ESP32 获取蓝牙经典 RSSI?
- angular - Ionic 3项目和base64图像中http帖子中的数据参数
- python - Cefpython cx_freeze 错误
- java - 使用 Java 创建条形图