webpack - postcss 不能与 webpack 5 和 sass 结合使用
问题描述
我正在使用 webpack 5 和最新的 css/postcss/sass 包。现在我得到了错误
Module not found: Error: path argument is not a string
如果我删除 postcss 加载程序,它可以工作。
那是代码
rules: [{
test: /\.s?css/i,
use: [
MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
options: {
sourceMap,
url,
importLoaders: 1,
}
},
{
loader: require('postcss-loader').loader,
options: {
sourceMap,
postcssOptions: {
plugins: [
require('postcss-import')(),
require('cssnano')(),
require('autoprefixer')(autoprefixerOptions),
require('postcss-merge-rules')(),
require('postcss-object-fit-images'),
],
},
},
}, {
loader: 'sass-loader',
}
]
},]
解决方案
好的,我解决了。
它是
loader: require.resolve('postcss-loader'),
并不是
require('postcss-loader').loader
推荐阅读
- javascript - 在 html 页面中通过 typescript 打印 html 标签
- html - 视频内的文字
- azure - Azure CLI 脚本变量给出错误
- qt - 如何让 pyqt 应用程序停留在 Rainmeter 等所有窗口的底部?
- csv - 在 CSV 示例 Spark 中定义 ArrayType
- c++ - 不存在从“cv::Mat”到“IplImage”的合适的用户定义转换
- html - 有没有办法在中风中加入渐变?
- swift - 参数类型“xxx”不符合预期类型“_FormatSpecifiable”
- javascript - chart.js 条形图数据标签在悬停在图表上时消失
- node.js - 如何在 JavaScript 中的客户端接收数据缓冲区(八位字节流)作为文件?