Este fue un experimento para implementar lo aprendido en el curso de Platzi sobre webpack
- Transpilado + empaquetado + minimizado de codigo
Javascript
- Transpilado + empaquetado + minimizado de codigo
Stylus
- Empaquetado de
React(dom)
- ("livereload")
HotModuleReplacement
conWebpackDevServer
Cosas extras al curso:
- Transpilado de codigo
Pug/Jade
- Minimizado de
Html
- Carga de archivos
Css
hasheados automaticamente - Uso de
(web)workers
- Configuración compartida para producción y desarrollo
- Todo corriendo sobre
webpack 4
ybabel 7
webpack.common.js
Tiene las Configuraciones generales para webpack, webpack.dev.js
agrega las variaciones para el entorno de desarrollo y webpack.config.js
agrega las variaciones para producción.
package.json
Muestra las dependencias usadas en el proyecto y los scripts disponibles para correr:
npm run dist
Genera los archivos para producciónnpm run dist:wds
Genera los archivos para producción y se mantiene en modo watchnpm run dev
Genera los archivos para desarrollonpm run dev:wds
Genera los archivos para desarrollo y se mantiene en modo watch
Las carpetas dist
y www
tienen respectivamente los archivos generados para producción y desarrollo, estos archivos no se editaron manualmente.