https://github.com/jmcamposdev/vanilla_webpack_starter
You can use it like a base for your vanilla JS Projects
https://github.com/jmcamposdev/vanilla_webpack_starter
Last synced: 3 months ago
JSON representation
You can use it like a base for your vanilla JS Projects
- Host: GitHub
- URL: https://github.com/jmcamposdev/vanilla_webpack_starter
- Owner: jmcamposdev
- Created: 2023-08-11T17:37:17.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-11T18:02:42.000Z (almost 2 years ago)
- Last Synced: 2025-01-23T10:24:36.108Z (5 months ago)
- Language: JavaScript
- Size: 492 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Webpack Base VanillaJS Starter
Este repositorio contiene una configuración base de Webpack junto con un proyecto en Vanilla JavaScript. Esta configuración te permite comenzar rápidamente con el desarrollo de aplicaciones web utilizando Webpack como empaquetador y Vanilla JS como lenguaje principal.
## Contenido
- [Requisitos Previos](#requisitos-previos)
- [Instalación](#instalación)
- [Uso](#uso)
- [Servidor de Desarrollo](#servidor-de-desarrollo)
- [Versión de Producción](#versión-de-producción)
## Requisitos Previos ##
Antes de comenzar, asegúrate de tener instalados los siguientes componentes en tu sistema:
- [Node.js](https://nodejs.org/): Asegúrate de tener Node.js instalado. Puedes descargarlo e instalarlo desde el sitio oficial.
## Instalación ##
1. Clona este repositorio en tu máquina local:
```
git clone https://github.com/tu-usuario/webpack_base_vanillaJS.git
```
2. Navega al directorio del repositorio:
```
cd webpack_base_vanillaJS
```
3. Instala las dependencias utilizando npm (o yarn):
```
npm install
```
## Uso ##
### Servidor de Desarrollo ###
Para iniciar el servidor de desarrollo y comenzar a trabajar en tu proyecto, ejecuta el siguiente comando:
```
npm start
```
Esto iniciará el servidor de desarrollo y podrás ver tu aplicación en tu navegador visitando http://localhost:8080.
### Versión de Producción ###
Cuando estés listo para crear una versión optimizada para producción, ejecuta el siguiente comando:
```
npm run build
```
Esto creará una versión de producción en el directorio dist, lista para ser desplegada en un servidor web.
¡Ahora estás listo para comenzar a desarrollar y desplegar tu aplicación!
Si tienes alguna pregunta o problema, no dudes en abrir un issue en este repositorio.
Este proyecto ha sido configurado utilizando Webpack y Vanilla JS siguiendo las mejores prácticas de desarrollo web moderno.
**¡Disfruta desarrollando tus aplicaciones!**