Limpiar el directorio de compilación
Introducción
Conceptos esenciales
Uso práctico
- Como indica en la propia documentación y seguro te habrás dado cuenta, Webpack no lleva el control de los archivos que están en uso en el directorio
dist
, por lo que es posible que algunos que no sean necesarios permanezcan tras cada compilación. - Lo ideal sería que como primera tarea de cada proceso de
build
, Webpack limpiase nuestro directorio de compilación de forma automática. Esto es muy sencillo de conseguir. - Por supuesto existe un pugin para ello, se llama
clean-webpack-plugin
. Te recomiendo que le eches un vistazo a las opciones ya que permite definir qué es lo que debe eliminar e incluso simular la eliminación con la opcióndry
. - En nuestro caso, basta con instalarlo con
npm install --save-dev clean-webpack-plugin
y luego a importarlo y añadirlo a nuestra configuración de Webpack.
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
...
plugins: [
new CleanWebpackPlugin(),
...
],
Código inicial
¿Tienes alguna pregunta sobre esta lección de Aprende Webpack desde cero?
Resuelve todas tus dudas sobre Webpack en la Comunidad de Escuela Vue: un lugar donde participar, aprender y ayudar. ¡Te esperamos!.
Tras el registro (si no lo has hecho ya) serás redirigido/a al canal adecuado en la Comunidad.