disculpen, tengo este problema 😕 mi código de wepack config es: <code>const path = require(&#x27;path&#x27;); const HtmlWebpackPlugin = ...

GRECO ALEJANDRO SERNA DIAZ

GRECO ALEJANDRO SERNA DIAZ

Pregunta
student
hace 4 años

disculpen, tengo este problema 😕

mi código de wepack config es:

const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const CopyPlugin = require('copy-webpack-plugin'); const CssMinimizerPlugin = require('css-minimizer-webpack-plugin'); const TerserPlugin = require('terser-webpack-plugin'); module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: '[name].[contenthash].js', assetModuleFilename: 'assets/images/[hash][ext][query]' }, resolve: { extensions: ['.js'], alias: { '@utils': path.resolve(__dirname, 'src/utils/'), '@templates': path.resolve(__dirname, 'src/templates/'), '@styles': path.resolve(__dirname, 'src/styles/'), '@images': path.resolve(__dirname, 'src/assets/images/'), } }, module: { rules: [ { test: /\.m?js$/, exclude: /node_modules/, use: { loader: 'babel-loader' } }, { test: /\.css|.styl$/i, use: [MiniCssExtractPlugin.loader, 'css-loader', 'stylus-loader' ], }, { test: /\.png/, type: 'asset/resource' }, { test: /\.(woff|woff2)$/, use: { loader: 'url-loader', options: { limit: 10000, mimetype: "application/font-woff", name: "[name].[contenthash].[ext]", outputPath: "./assets/fonts/", publicPath: "../assets/fonts/", esModule: false, }, } } ] }, plugins: [ new HtmlWebpackPlugin({ inject: true, template: './public/index.html', filename: './index.html' }), new MiniCssExtractPlugin({ filename: 'assets/[name].[contenthash].css' }), new CopyPlugin({ patterns: [ { from: path.resolve(__dirname, "src", "assets/images"), to: "assets/images" } ] }) ], optimization: { minimize: true, minimizer: [ new CssMinimizerPlugin(), new TerserPlugin(), ] } }
1 respuestas
para escribir tu comentario
    Nilson Diaz

    Nilson Diaz

    student
    hace 4 años

    Hey! Al parecer es un problema con el plugin "css-minimizer-webpack-plugin" verifica en un archivo package.json que si este instalada esta dependencia

    Si lo esta podrias borrar la carpetade node_modules y ejecutar otra vez un npm install

    Tambien prueba re instalar el paquete

    npm uninstall css-minimizer-webpack-plugin npm install --save-dev css-minimizer-webpack-plugin

    Espero te ayude !

Curso de Webpack [Empieza Gratis]

Curso de Webpack [Empieza Gratis]

Construye aplicaciones React usando Webpack. Aprende a configurar y optimizar tu entorno de desarrollo con loaders, compresión CSS y análisis de paquetes. Despliega tu proyecto fácilmente en producción y mejora el rendimiento.

Curso de Webpack [Empieza Gratis]
Curso de Webpack [Empieza Gratis]

Curso de Webpack [Empieza Gratis]

Construye aplicaciones React usando Webpack. Aprende a configurar y optimizar tu entorno de desarrollo con loaders, compresión CSS y análisis de paquetes. Despliega tu proyecto fácilmente en producción y mejora el rendimiento.