Font Icons not loading after upgrading css-loader version to 6.0.0

[lucas-codaio]

Issue

We're using css-loader in other parts of our project and want to have its version bumped up to 6.0.0. Are there any plans to bump up the css-loader version here?

Console Errors

Failed to decode downloaded font:
OTS parsing error: invalid sfntVersion: 1702391919

Screenshot

[bodinsamuel]

+1 on this

[mattmasson]

Using css-loader 6.2.0 I noticed there were two .ttf files in the webpack output. One is the actual .ttf, and the other contains:

export default __webpack_public_path__ + "00aa018e3ae78d50160b9cedf374214a.ttf";

Reverting to 5.2.7 brought it back down to a single .ttf file output.

[ldt1997]

I found that file-loader and url-loader are deprecated since css-loader@6.0.0 (https://github.com/webpack-contrib/css-loader/releases/tag/v6.0.0)

so I think you can downgrade to css-loader@5.2.7 or use asset modules instead

Related isuue：webpack/css-loader#1354

[hogashi]

@alexdima I can make the pull request to replace use: ['file-loader'] with type: 'asset/resource' in webpack.config.js in each examples. Or is there any other tasks for "help wanted" label?

However, Asset Modules is Webpack 5 function. I wonder if Webpack 4 in peerDependencies of webpack-plugin/package.json should be removed. (But I'm not sure what peerDependencies is. Why is v4 in there and can it be removed?)

monaco-editor/webpack-plugin/package.json

Lines 31 to 32 in 25e85af

	"peerDependencies": {
	"webpack": "^4.5.0 || 5.x",

If Webpack 4 should be supported, I think css-loader should be downgraded to v5 in each examples.