since css-loader v6 the material icons is not working anymore #1338
Closed
Description
- Operating System: Linux Mint
- Node Version: 14
- NPM Version: 6
- webpack Version: 5
- css-loader Version: 6
Expected Behavior
In before css-loader v6 (eg v5) material icons are showing
css-loader v5 picture:
Actual Behavior
Code
// webpack.config.js
// If your code blocks are over 20 lines, please paste a link to a gist
// (https://gist.github.com).
{
test: /\.(scss|css)$/,
// exclude: [`${cwd}/src/assets/ngivr.scss`],
use: [
{
loader: MiniCssExtractPlugin.loader,
options: {
},
},
'css-loader',
'sass-loader',
],
},How Do We Reproduce?
@import '~material-design-icons-iconfont/dist/material-design-icons.css';
@import '~angular-material/angular-material.css';
@import '~angular-tree-control/css/tree-control.css';
@import '~angular-json-tree/dist/angular-json-tree.css';
@import '~@fortawesome/fontawesome-free/css/all.min.css';
@import '~@fontsource/roboto/300.css';
@import '~@fontsource/roboto/400.css';
@import '~@fontsource/roboto/400-italic.css';
@import '~@fontsource/roboto/500.css';
@import '~@fontsource/roboto/700.css';
@import '~@fontsource/roboto-mono/300.css';
@import '~@fontsource/roboto-mono/400.css';
@import '~@fontsource/roboto-mono/400-italic.css';
@import '~@fontsource/roboto-mono/500.css';
@import '~@fontsource/roboto-mono/700.css';
@import "~angular/angular-csp.css";Metadata
Assignees
Labels
No labels