Please enable JavaScript.
Coggle requires JavaScript to display documents.
Webpack (configurando un nuevo proyecto de javascript (npm init…
Webpack
configurando un nuevo proyecto de javascript
node -v
te muestra la versión de note
npm -v
te muestra la versión de npm
npm init
description
entry point
test command
git repository
keywords
author
license
genera
package.json
viven dependencias
npm install webpack --save
para instalar dependencia de webpack
npm install web pack --save-dev -save-exact
npm install webpack-cli --save-dev -save-exact
cli = command line interface
npx webpack -v
npx permite trabajar de forma local
Introducción
es una epaquetador de Js
Archivos
.js
.jpg
.sass
.hbs
.cjs
webpack
.js
.jpg
.css
.png
Empaqueta el código por modulos
archivos que entiende el navegador
developer experience
Escribir aplicaciones de manera eficiente
Tener un código limpio
aplicar tecnologia para resolver problemas
Tener un conjuntos de reglas y convenciones
Entorno de desarrollo optimizado en productividad
user experience
Funcione
Sea rapida
Cumpla sus necesidades
Se actualice
Responda Asus interacciones
producto de calidad
conjuntos de los puntos anteriores
Bundle
npx webpack --entry ./index.js --output ./bundle.js
npx webpack --entry ./index.js --output ./bundle.js --mode development