Questions tagged [mini-css-extract-plugin]
The mini-css-extract-plugin tag has no usage guidance, but it has a tag wiki.
mini-css-extract-plugin
189
questions
0
votes
0
answers
82
views
"You forgot to add 'mini-css-extract-plugin' plugin" when work with thread-loader
Try to use thread-loader with mini-css-extract-plugin. When run npm build script, got error:
> cross-env NODE_ENV=production webpack
assets by status 958 bytes [cached] 1 asset
runtime modules 663 ...
0
votes
1
answer
44
views
webpack ignores mini-css-extract-plugin plugins options
I've been trying to setup webpack for a personal project and everything has worked out well except that for some reason webpack is ignoring the options I'm giving it for production for mini-css-...
0
votes
1
answer
28
views
webpack css loaders working on windows powershel but dont in linux bash
I have a webpack setup that works properly in Windows powershell,
But when trying to build the same in Linux console
It seems that the css loaders are not working properly
However, I'm not sure where ...
0
votes
1
answer
40
views
mini-css-extract-plugin Can't resolve 'asset'
Relative to webpack root, I have a font file at ./src/css/font.css :
@font-face {
font-family: 'poppinsmedium';
src: url('../fonts/poppins/Poppins-Medium.otf');
font-weight: normal;
...
0
votes
0
answers
61
views
Define css file name as filename with MiniCssExtractPlugin
I'm using webpack 5 and MiniCssExtractPlugin in order to have multiple css files.
All is working fine but I need to modify the name of the css file generated to match the name of the file.
test/styles....
0
votes
1
answer
62
views
"Import * as" not working after upgraing some css related loaders
I upgraded the following packages to their latest versions:
package name
current version in project
upgraded version(latest version)
mini-css-extract-plugin
0.8.2
2.8.0
postcss-browser-reporter
0.5....
0
votes
1
answer
106
views
mini-css-extract-plugin: After extracting the file, error "Missed semicolon" occurring of error-free css file
Here is the SyntaxError:
The screeshot of the error
In the below [name].module.css, there are no semi-colon issue present.
Here is my module.css file:
/* Groningen */
.groningen p,
.groningen h3,
....
0
votes
0
answers
61
views
Validation Error with Mini CSS Extract Pluginon NPM run start
I updated the package extract-text-webpack-plugin to mini-css-extract-plugin in package.json.
when I do
npm run start
I got the below validation error
\node_modules\mini-css-extract-plugin\...
1
vote
1
answer
143
views
Processing .css files included inside link tags in HtmlWebpackPlugin template
Brief Description:
I am running into unexpected outputs/issues when working with .css files referenced inside <link> tag in the .html template provided to HtmlWebpackPlugin along with using ...
1
vote
1
answer
910
views
webpack 5 and mini-css-extract-plugin doesn't load the css after saving the scss to css files
I have mini-css-extract-plugin that creates the css files from my scss files fine, but it when I load my pages (reactJs app), there are no styles loading. I suspect I am messing up the paths for ...
0
votes
0
answers
51
views
Add a link rel=prefetch for a css chunks created within your wepbackPrefetch lazy loaded js chunks
When using a webpackPrefetch hint on a dynamicly imported js module the webpack does not have a support for dynamic runtime injection of related lazy css chunk (extracted with MiniCssExtractPlugin) to ...
0
votes
1
answer
112
views
Webpack strange behaviour while loading css or sass dynamically using import()
This is my second day working with Webpack bundler.
I am using mini-css-extract-plugin loader.
Everything works as expected but when I import the css files dynamically I noticed some strange behaviour....
1
vote
0
answers
67
views
How to not to separate css styles from shared component to other lazy loaded chunks
I have a problem using "mini-css-extract-plugin". So I have 2 different lazy loading fragments in my router.
{path: '/lazy', element: (
<LazyLoad
...
0
votes
0
answers
90
views
How to make Webpack HMR work with CSS entry and mini-css-extract-plugin or style-loader?
I've got an old app that was migrated to Webpack. It uses CSS files as entry points, e.g.
entry: {
'page-1': 'app/javascript/packs/page-1.js',
'page-2': 'app/javascript/packs/page-2.js',
'...
1
vote
2
answers
83
views
How can I dynamically output JavaScript files individually with Webpack based on a folder?
I am putting together a new webpack build for my project and it's actually working pretty well. I have one problem that I'd like some help on if anyone has an idea. I have to retype all of this from ...