webpack.config.js
const path = require('path');
module.exports = {
// Entry nos permite decir el punto de entrada de nuestra aplicación
entry: "./src/index.js",
// Output nos permite decir hacia dónde va enviar lo que va a preparar webpacks
output: {
// path es donde estará la carpeta donde se guardará los archivos
// Con path.resolve podemos decir dónde va estar la carpeta y la ubicación del mismo
path: path.resolve(__dirname, "dist"),
// filename le pone el nombre al archivo final
filename: "main.js"
},
resolve: {
// Aqui ponemos las extensiones que tendremos en nuestro proyecto para webpack los lea
extensions: [".js"]
},
}
—config
indica donde estará nuestro archivo de configuraciónnpx webpack --mode production --config webpack.config.js
package.json
"scripts": {
...
"build": "webpack --mode production --config webpack.config.js"
},
<aside> 📌 RESUMEN: Puedes crear un archivo webpack.config.js en el cual estarán las configuraciones con las cuales webpack trabajara, entre ellas están los puntos de entrada y salida, extensiones de archivos, entre otras características que se verán próximamente en él curso.
</aside>