Unable to install optimize-css-assets-webpack-plugin

Question

My error when trying to install npm install --save-dev optimize-css-assets-webpack-plugin

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/webpack
npm ERR!   dev webpack@"^5.33.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.0.0" from [email protected]
npm ERR! node_modules/optimize-css-assets-webpack-plugin
npm ERR!   dev optimize-css-assets-webpack-plugin@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See C:\Users\danie\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\danie\AppData\Local\npm-cache\_logs\2021-04-16T17_32_37_320Z-debug.log

I have already updated webpack and npm. I checked the installation page and it mentions that I should have the most recent webpack. Any ideas?

pythonNovice · Accepted Answer · 2021-04-16 17:44:02Z

17

From going to the github repo, they actually mention to use css-minimizer-webpack-plugin for webpack 5.0

answered Apr 16, 2021 at 17:44

pythonNovice

1,4981 gold badge25 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

pythonNovice Over a year ago

In addition to to this, I actually was stuck on the npm install so after deleting package.lock.json and reinstalling it was fine.

Adri w Ukraine Jun 25 at 7:53

Related: CSS Optimization in Webpack 5 stackoverflow.com/questions/79677391/webpack-css-optimization

Timber · Accepted Answer · 2022-08-05 18:11:21Z

3

Adding to @pythonNovice, my config is as follows:

const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const CssMinimizerPlugin = require("css-minimizer-webpack-plugin")
...
//const OptimizeCssAssetsPlugin = require("optimize-css-assets-webpack-plugin")

In the optimization section:

minimize: true,
minimizer: [
    new TerserPlugin(), // optional
    new CssMinimizerPlugin()
    //new OptimizeCSSAssetsPlugin({
],

answered Aug 5, 2022 at 18:11

Timber

3732 silver badges9 bronze badges

Comments

Ihor Konovalenko · Accepted Answer · 2022-01-14 10:31:19Z

0

npm install --save-dev optimize-css-assets-webpack-plugin --legacy-peer-deps

edited Jan 14, 2022 at 10:31

Ihor Konovalenko

1,4172 gold badges19 silver badges24 bronze badges

answered Jan 13, 2022 at 11:26

Олег Ромашов

1

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Unable to install optimize-css-assets-webpack-plugin

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related