0

Estoy utilizando el mismo archivo de configuración de webpack para desarrollo y producción, pero quiero que al momento de utilizar npx webpack serve --mode development no minifique el bundle.

En webpack.config.js tengo lo siguiente:

optimization: {
minimize: true,
minimizer: [
  `...`,
  new CssMinimizerWebpackPlugin(),
]}

¿Es conveniente utilizar un archivo de configuración para cada modo?

2
  • Pregunta, en que afecta minimizar el codigo para tu proyecto en dev mode? Commented el 7 jun. 2021 a las 14:26
  • Según leí, la minificación del código toma un tiempo adicional. Pienso desactivarlo para ahorrar ese tiempo :)
    – alanusse
    Commented el 7 jun. 2021 a las 18:40

1 respuesta 1

0

En webpack.config.js siempre puedes obtener el objeto de configuración por defecto como segundo parámetro en la función default:

module.exports = (env, options) => { console.log(`This is the Webpack 4 'mode': ${options.mode}`); return { ... } }

De esta manera podrías discriminar por tu cuenta si quieres que se mitifique o no:

optimization: {
  minimize: options.mode !== "development",
  foo...
},

Espero que te sea de ayuda, un saludo.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.