仅供参考
软件包版本:
{
"css-loader": "^6.2.0",
"css-minimizer-webpack-plugin": "^3.0.1",
"mini-css-extract-plugin": "^1.6.0",
"sass": "^1.35.1",
"sass-loader": "^12.1.0",
"url-loader": "^4.1.1",
"webpack": "^5.39.1",
"webpack-cli": "^4.7.2",
}
问题描述:打包之后CSS/SCSS中通过url()引入的图片、字体资源都被产出在dist根目录,而其中的内容诸如module.exports = __webpack_public_path__ + XXX
尝试过程:
官方解决方案配置resolve-url-loadersass-loader选项中设置sourceMap: true
但不要设置sourceMapContents
但问题依旧,最后寄希望于css-loader版本上,回滚了一下,BUG解决:
回滚到5.2.6版本打包出的图片、字体均正常了