fazt eres un capooooooo!!! inspiras demasiado a seguir en este mundo del desarrollo web, me gusta cuando algo no te sale y humanamente dices: "que extraño" eres grande!
Excelente, lo segui paso a paso y me gusto mucho aun estoy en pañales en la programacion pero este video me ha entusiasmado para seguir aprendiendo mas Vanilla JS antes de meterme a un Framework, Buen trabajo!
Fazt recién termino de ver tu video, la verdad impresionante...!!!!!, me aclaro (o me genero mas dudas) de como funcionan los frame de JS, impresionante como simplifican las cosas, casi que te dan todo hecho y en este video, esto si es laburar con JS, ojala puedas profundizar mas en este tipo de proyectos, con VanillaJS, que facilitan la comprensión del funcionamiento de lo frame de JS. Lejos el mejor video en español, ya que en YT solo encontré el tuyo. Sigue así amigo.
Muchas gracias Fazt, necesitaba un buen repaso de JS puro, ya que tanto framework a veces nos hace olvidar las bases. mucho React y Angular hacen que uno ya no se acuerde ni para que sirve un onload() XD
Y aún mas. Se puede mejorar este ejercicio. Yo utilice los modulos de Javascript, sin necesidad de crear un proyecto en NodeJS para usar webpack. simplemente importas el tag script con el atributo type="module" y listo. ya tienes los import para tener tu logica del SPA sin tener que transpilar. Para la parte del HTML tienes que hacer fetch al HTML o lo manejas con template strings segun lo necesites. Genial video.
El error del min 24:00 es por un typo en la primera rule, { test: /.css$/i, //... } agregando un backslash antes de .css -> test: /\.css$/i funciona perfectamente min 29:00 lo resuelve :V Buen video crack, gracias
Muchas gracias por tus aportaciones, una cosita que no se que pasa con tu proyecto, ¿me podrías explicar porque no funciona el webpack-dev-server? me da eeror de que falta esto webpack-cli/bin/config-yargs yo he instalado webpack-cli ¿Quizás haya que instalarlo -g?, y en el archivo de configuracion de webpack en producción, el template de HtmlWebpackPlugin no debe ser "./distindex.html"? gracias de antemano
Muchas gracias Fazt. Me dio una idea básica de cómo funcionan los frameworks. Si bien son muchos más complejos esta idea es excelente. Lo que no me quedó claro es: nunca más creaste la carpeta dist. Al finalizar, hay que correr npm webpack para crearla? Qué se sube al servidor solo esa carpeta? Igualmente excelente tutorial.
En el minuto 43 creas un elemento dándole el nombre de divElement y luego le inyectas la vista para el home, posteriormente en el switch para el caso de que sea la pagina principal lo pintas con appendChild, por que lo haces asi, es vez de inyectarlo de una vez en el switch con innerHTML?
Consulta, no es lo mismo que usar Live Server? cual es la diferencia? si se ve reflejado tambien los cambios en Live Server. Me podrias explicar cual es la diferencia, gracias! Excelente explicacion, me re ayuda!
Uso Sass compiler, live server y tengo las mismas ventajas. Cual vendría siendo la ventaja de tener webpack frente a las extensiones de Vscode? Se ve mucho trabajo para obtener el mismo resultado 🤨
Webpack tiene como beneficio de usar varias tecnologías y luego compilar todo en un archivo o muy pocos. Tene en cuenta que hay muchas tecnologías que en si cumple la misma función así que segui usando con criterio las tecnologías y también cuales son tendencias (ya que serán las demandadas)
Gracias. Buen trabajo. Se nota que tiene un dominio sobre javascript y npm. Como "escribir menos y que haga mas". Tiene algo como un clon de jquery y alpinejs juntos. Ideas de como hacerlo.
buenas noches, disculpen la ignorancia; pero... Subo todo el proyecto al hosting o que parte debo subir. Agradezco de antemano las respuestas, saludos :D
Fazt estoy haciendo un proyectito para mi negocio basado en estos tutoriales, he avanzo bastante pero me falta como integrar el tutorial SPA (15) a los anteriores, he probado de muchas formas no me sale.
Hola! Gracias por el video! Cual es el extencion que tienes parecida a una N en el side bar? Y cual es la que tiene un icono algo asi >< abajo al lado de la configuracion?
Hola Fazt, me gusta mucho tu canal gracias por tus aportes, mi pregunta curiosa es la siguiente, seria recomendable implementar Single Page Application (SPA) pero con laravel, es que utilizo laravel pero mis rutas demoran 4 segundos en cargar, rutas no consumen ninguna api, solo una vista y ya, pienso que asi es un poco mas rapido, consume menos recursos, Gracias quedo atento, saludos desde colombia
Que tal, de primera Muchas gracias por tus aportes estan super bien explicados, de hecho con este intente subirla a un servidor por que no habia subido una en puro javascript pero me aparece este mensaje "Invalid Host header" sabes a que se debe?
@@yolandajoseribasbastidas8460 es porque los piden las empresas se van por lo más fácil para cobrar más al cliente y pagar lo mínimo al coder argumentando producto de buena calidad, con poco testing.
@Miguel De eso se trata bro, tu arte consiste en como configuras un MVC y la arquitectura de datos, quienes afirman "no reinventar la rueda" desconocen el momento de inercia y su estabilidad a alta velocidad, saludos crack ojalá sigas aprendiendo mucho de este arte.
@@yolandajoseribasbastidas8460 tampoco garantizan la calidad de tu algoritmo, después del despliegue puede resultar algo inesperado, un saludo te me cuidas amiga mia!
Hola man, gracias por compartir tus conociemientos. Te hago una pregunta, sabes porque me da este error: [webpack-cli] Error: Option '-d, --devtool ' argument missing, al escribir npx webpack -d?, estoy buscando una solucion pero no estoy encontrando.
Hola @Fazt me tira este error al ejecutar en windows el comando npx webpack : "L\Desktop\SPA ode_modules\.bin\" no se reconoce como un comando interno o externo, programa o archivo por lotes ejecutable. internal/modules/cjs/loader.js:883 throw err; ^ Error: Cannot find module 'C:\Users\webpack\bin\webpack.js' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15) at Function.Module._load (internal/modules/cjs/loader.js:725:27) at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) at internal/main/run_main_module.js:17:47 { code: 'MODULE_NOT_FOUND', requireStack: [
Alguien sabrá porqué no puedo usar el comando del min 12:04 dice, Error:option '-d, --devtool ' argument missing :L ya agrege lo de devtool: 'source-map' pero no me funciona
Pero al final queda como react digamoslo... todo dentro de un div o main o lo que se tenga como "root"... pero hay algo que me llama la atención... el tema del SEO... me podrían alguien decir de que manera afecta al SEO? (soy nuevo en este tema).. Ahora, esto es como react, entonces podría sustituirse por react esta manera de trabajo..?
Hola carlos, este ejemplo practico es parecido a React, basicamente porque React tambien permite crear Aplicaciones Single Page, o aplicaciones de una sola pagina, aunque la idea es la misma para otros frameworks como angular o vue por ejemplo. el asunto es que estos frameworks, mucho mas que tan solo sintaxis también ofrecen herramientas que mejoran el rendimiento en producción de un sitio, o hacen que las tareas repetitivas que se ven en este video, se resuelvan facilmente. Tambien justo como mencionas este tipo de aplicaciones tiene un impacto en SEO, ya que un buscador al cargar la pagina lo primero que vez es solo un div, y no hay contenido. es por esto que hay frameworks de Server side Rendering, que lo que hacen basicamente es enviar la primera carga con contenido para que los buscadores no solo vean un div. Estos son mas difíciles de configurar desde cero, así que hay frameworks como Nextjs, o Nuxt que lo resuelven fácilmente. Por ultimo este ejemplo de SPA no es recomendado para un proyecto real, al dia de hoy causa mucho trabajo crear uno desde cero y los frameworks lo resuelven muy facil. pero este proyecto ayuda a entender de forma muy basica que es lo que hacen los frameworks SPA :) Saludos
Ahora crea una vista donde se pueda crear una lista que contenga la informacion de usuarios y en esa misma lista tengas dos botones, uno para visualizar todo el contenido y el otro donde se pueda eliminar un usuario, en este mismo proyecto.
Saludos, estoy intentando usar codigo javascript normal dentro de los componentes pero no he podido hacerlo. Como puede usar un simple addEventListerner dentro de un componente? En general, poder manipular el DOM?. Eso se debe al async await ? Como hago para poder usar el DOM en un SPA ? Me salen errores del tipo: Uncaught TypeError: Cannot read property 'addEventListener' of null Gracias
Una consulta, hay algunos comandos que no me funcionan bien por ejemplo 'npx webpack -d' me dice que no es un comando valido. Por otro lado cuando haces el primer bundle en el minuto 9 aproximadamente, solo me parece el console.log pero no me sale todo lo demás en el archivo bundle.js a que se debe? Muchas gracias!!!
Podrías explicar cómo agregar imágenes en un proyecto similar a este? He tratado con file loader pero al intentar cargar una imagen desde otro archivo que no sea index.html me da error que no la existe el archivo. Gracias!
Saludos, en el 2021 el npx webpack no me genera todo el codigo completo que te aparece en el video para la carpeta /dist. Ha cambiando webpack en el 2021? Gracias
He actualizado el código, porque los comandos de webpack no funcionaban, debido a que cambiaron un poco. te dejo el codigo: github.com/FaztWeb/javascript-spa-simple
hola, los archivos .htm pueden ser usados por el html-loader?,como?; por que me da error como si no tuviera el html-loader instalado, hay algún loader especifico para .htm?
Hola Fazt, tengo un problema al seguir tu tutorial, cuando ejecuto el servidor de desarrollo me aparece este error Cannot find module 'webpack-cli/bin/config-yargs'
Hola amigo, quizás ya lo resolviste, pero igualmente le puede servir a otra persona. El comando, a partir de la versión 5 de webpack es: "npx webpack serve"
fazt eres un capooooooo!!! inspiras demasiado a seguir en este mundo del desarrollo web, me gusta cuando algo no te sale y humanamente dices: "que extraño" eres grande!
increíble aporte Fazt!
Excelente, lo segui paso a paso y me gusto mucho aun estoy en pañales en la programacion pero este video me ha entusiasmado para seguir aprendiendo mas Vanilla JS antes de meterme a un Framework, Buen trabajo!
Un video perfecto para antes de pasar a cualquier librería o framework
Fazt recién termino de ver tu video, la verdad impresionante...!!!!!, me aclaro (o me genero mas dudas)
de como funcionan los frame de JS, impresionante como simplifican las cosas, casi que te dan
todo hecho y en este video, esto si es laburar con JS, ojala puedas profundizar mas en este tipo de proyectos,
con VanillaJS, que facilitan la comprensión del funcionamiento de lo frame de JS.
Lejos el mejor video en español, ya que en YT solo encontré el tuyo. Sigue así amigo.
Muchas gracias Fazt, necesitaba un buen repaso de JS puro, ya que tanto framework a veces nos hace olvidar las bases. mucho React y Angular hacen que uno ya no se acuerde ni para que sirve un onload() XD
Y aún mas. Se puede mejorar este ejercicio. Yo utilice los modulos de Javascript, sin necesidad de crear un proyecto en NodeJS para usar webpack. simplemente importas el tag script con el atributo type="module" y listo. ya tienes los import para tener tu logica del SPA sin tener que transpilar. Para la parte del HTML tienes que hacer fetch al HTML o lo manejas con template strings segun lo necesites. Genial video.
Fazt has creado el mejor Tutorial Vanilla SPA, sos máquina!!!
Muchas gracias bro, estoy terminando un pequeño portafolio para juegos de niños. Tus videos me sirven demasiado.
Muchas gracias Fazt por semejante aporte de conocimientos a la comunidad y tan bien explicado como siempre!
Muy bien explicado como siempre fazt, sería bueno que hiciera un vídeo explicando como funciona el data binding de los frameworks js
Esto es importanticimo para comenzar con cualquier framework, gracias :D
Increíble, como va subiendo la calidad del contenido 👏
Muy bien video, muchas gracias Fazt Code, hoy has ganado un nuevo sub !
Te felicito, un espectacular ejemplo, he aprendido de todo...
El error del min 24:00 es por un typo en la primera rule,
{
test: /.css$/i,
//...
}
agregando un backslash antes de .css -> test: /\.css$/i funciona perfectamente
min 29:00 lo resuelve :V
Buen video crack, gracias
Fazt eres un crack. Gracias por tus videos, son de gran ayuda.
Tarea nueva para pasar el fin de semana programando💻😁
Crear librerías de Angular Fazt, eres el mejor!!!
Fazt te amo eres el puto amo del javascript, fazt pudieras hablar de como utilizar la orientacion a objeto y el uml con node e javascript
Me has salvado en más de una ocasión ❤️
Gracias por tu constancia. Un saludo.
Muchas gracias Fazt por tu videos. Saludos
Lo que tanto estaba buscando
Gracias x compartir siempre!!!
saludos fazt gracias por este excelente video :D
Muchas gracias por tus vídeos :3
Muchas gracias por tus aportaciones, una cosita que no se que pasa con tu proyecto, ¿me podrías explicar porque no funciona el webpack-dev-server? me da eeror de que falta esto webpack-cli/bin/config-yargs yo he instalado webpack-cli ¿Quizás haya que instalarlo -g?, y en el archivo de configuracion de webpack en producción, el template de HtmlWebpackPlugin no debe ser "./distindex.html"?
gracias de antemano
Excelente contenido!!!
Podrías hacer este tutorial y agregarle comunicación con un API REST? algo con MongoDB? se puede hacer una aplicación real time o PWA?
Muchas gracias
Muchas gracias Fazt. Me dio una idea básica de cómo funcionan los frameworks. Si bien son muchos más complejos esta idea es excelente.
Lo que no me quedó claro es: nunca más creaste la carpeta dist. Al finalizar, hay que correr npm webpack para crearla? Qué se sube al servidor solo esa carpeta?
Igualmente excelente tutorial.
Así es. Es igual a los frameworks de frontend que crean una carpeta dist. Esa es la que subirías a la nube o a tu servidor de producción
Gracias bro sos el mejor. 💯👌
Qué buen vídeo....
Wow... Como le haces para saber tanto... Alguna recomendación? Saludos, eres un crack!
practicando y auto didacta, perseverancia.
En el minuto 43 creas un elemento dándole el nombre de divElement y luego le inyectas la vista para el home, posteriormente en el switch para el caso de que sea la pagina principal lo pintas con appendChild, por que lo haces asi, es vez de inyectarlo de una vez en el switch con innerHTML?
Consulta, no es lo mismo que usar Live Server? cual es la diferencia? si se ve reflejado tambien los cambios en Live Server. Me podrias explicar cual es la diferencia, gracias! Excelente explicacion, me re ayuda!
Muchas gracias , me funciono bastante bien 😁
go una amanecida, con el curso
Uso Sass compiler, live server y tengo las mismas ventajas. Cual vendría siendo la ventaja de tener webpack frente a las extensiones de Vscode? Se ve mucho trabajo para obtener el mismo resultado 🤨
Webpack tiene como beneficio de usar varias tecnologías y luego compilar todo en un archivo o muy pocos. Tene en cuenta que hay muchas tecnologías que en si cumple la misma función así que segui usando con criterio las tecnologías y también cuales son tendencias (ya que serán las demandadas)
Gracias. Buen trabajo. Se nota que tiene un dominio sobre javascript y npm. Como "escribir menos y que haga mas". Tiene algo como un clon de jquery y alpinejs juntos. Ideas de como hacerlo.
Muchas gracias por compartir conocimiento.
Eso que acabaste de hacer es Vanilla JS?
Tendrás en udemy un curso tipo 30 horas o algo asi programando contigo, de MERN ? saludos Fazt crack
Nuevamente muchas gracias brother
¡Tremendo tu video bro!! ¿Recuerdas aún el tema e iconos que usas en el VSCode en este video??
gran video crack
Genial, esto si o si lo puedo aplicar solo para una spa o lo puedo usar para otras cosas ejemplo ecommerce? O es mucho
Tu no eres faztcode, tu eres faztGOD
Esto está muy interesante.
Tengo un error en la vista products. Cuando pulso en esa vista se me muestran los posts y eso no debería ser así
buenas noches, disculpen la ignorancia; pero...
Subo todo el proyecto al hosting o que parte debo subir.
Agradezco de antemano las respuestas, saludos :D
Fazt estoy haciendo un proyectito para mi negocio basado en estos tutoriales, he avanzo bastante pero me falta como integrar el tutorial SPA (15) a los anteriores, he probado de muchas formas no me sale.
please, help me
Hola! Gracias por el video! Cual es el extencion que tienes parecida a una N en el side bar? Y cual es la que tiene un icono algo asi >< abajo al lado de la configuracion?
Hola Fazt, me gusta mucho tu canal gracias por tus aportes, mi pregunta curiosa es la siguiente, seria recomendable implementar Single Page Application (SPA) pero con laravel, es que utilizo laravel pero mis rutas demoran 4 segundos en cargar, rutas no consumen ninguna api, solo una vista y ya, pienso que asi es un poco mas rapido, consume menos recursos, Gracias quedo atento, saludos desde colombia
Hola Fazt, pregunta ¿Si continúaste haciendo la siguiente versión? Es que busco y no lo encontré, ¿en este tipo de páginas se les puede poner plugins?
Cual es la competencia que tienen las SPA ?.sldos
Gracias Fazt.
Excelente!!!
En que aspectos es mas poderoso de esta forma en vez de hacer una spa con vue js o react?
buenisimo!!!
[webpack-cli] Error: Option '-d, --devtool ' argument missing
[webpack-cli] Run 'webpack --help' to see available commands and options
Que tal, de primera Muchas gracias por tus aportes estan super bien explicados, de hecho con este intente subirla a un servidor por que no habia subido una en puro javascript pero me aparece este mensaje "Invalid Host header" sabes a que se debe?
Es increíble el poder de Ecmascript6, me pregunto porqué utilizar frameworks si el nativo es tan potente.
Porque los tiempos de desarrollo necesitan ser acortados "lo mas que se pueda"
@@yolandajoseribasbastidas8460 es porque los piden las empresas se van por lo más fácil para cobrar más al cliente y pagar lo mínimo al coder argumentando producto de buena calidad, con poco testing.
@Miguel De eso se trata bro, tu arte consiste en como configuras un MVC y la arquitectura de datos, quienes afirman "no reinventar la rueda" desconocen el momento de inercia y su estabilidad a alta velocidad, saludos crack ojalá sigas aprendiendo mucho de este arte.
@@mauro21523 El uso de frameworks / librerias / otras herramientas no esta peleado con el testing.
@@yolandajoseribasbastidas8460 tampoco garantizan la calidad de tu algoritmo, después del despliegue puede resultar algo inesperado, un saludo te me cuidas amiga mia!
siento que es mejor parcel, es más sencillo de usar y no hay mucha diferencia
Genial! pero despues del minuto 12 no se mas la carpeta /dis/ y el archivo bundle.js! tampoco se hicieron comentarios del usu del archivo.
Hola man, gracias por compartir tus conociemientos. Te hago una pregunta, sabes porque me da este error: [webpack-cli] Error: Option '-d, --devtool ' argument missing, al escribir npx webpack -d?, estoy buscando una solucion pero no estoy encontrando.
no se encuentra esta solución
Este comentario es algo tarde, pero los "SPA" sirven para el github host?
Gran video
Hola @Fazt me tira este error al ejecutar en windows el comando npx webpack :
"L\Desktop\SPA
ode_modules\.bin\" no se reconoce como un comando interno o externo,
programa o archivo por lotes ejecutable.
internal/modules/cjs/loader.js:883
throw err;
^
Error: Cannot find module 'C:\Users\webpack\bin\webpack.js'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
at Function.Module._load (internal/modules/cjs/loader.js:725:27)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)
at internal/main/run_main_module.js:17:47 {
code: 'MODULE_NOT_FOUND',
requireStack: [
Alguien sabrá porqué no puedo usar el comando del min 12:04 dice, Error:option '-d, --devtool ' argument missing :L ya agrege lo de devtool: 'source-map' pero no me funciona
Tío Fazt, ¿cómo haces para moverte a la siguiente palabra en el código?
Cntrl + ->
Pero al final queda como react digamoslo... todo dentro de un div o main o lo que se tenga como "root"... pero hay algo que me llama la atención... el tema del SEO... me podrían alguien decir de que manera afecta al SEO? (soy nuevo en este tema).. Ahora, esto es como react, entonces podría sustituirse por react esta manera de trabajo..?
Hola carlos, este ejemplo practico es parecido a React, basicamente porque React tambien permite crear Aplicaciones Single Page, o aplicaciones de una sola pagina, aunque la idea es la misma para otros frameworks como angular o vue por ejemplo. el asunto es que estos frameworks, mucho mas que tan solo sintaxis también ofrecen herramientas que mejoran el rendimiento en producción de un sitio, o hacen que las tareas repetitivas que se ven en este video, se resuelvan facilmente.
Tambien justo como mencionas este tipo de aplicaciones tiene un impacto en SEO, ya que un buscador al cargar la pagina lo primero que vez es solo un div, y no hay contenido. es por esto que hay frameworks de Server side Rendering, que lo que hacen basicamente es enviar la primera carga con contenido para que los buscadores no solo vean un div. Estos son mas difíciles de configurar desde cero, así que hay frameworks como Nextjs, o Nuxt que lo resuelven fácilmente.
Por ultimo este ejemplo de SPA no es recomendado para un proyecto real, al dia de hoy causa mucho trabajo crear uno desde cero y los frameworks lo resuelven muy facil. pero este proyecto ayuda a entender de forma muy basica que es lo que hacen los frameworks SPA :) Saludos
y para desplegar la aplicacion debo hacerlo en una vps??
Hola FAZT, una pregunta.... por que cuando ejecuto npx webpack -d da este error?
Hola consulta de principiante: y como se compila esto??? o no se compila?
Hey tu que disfrutas de este video Si tienes el bloqueo de anuncios quitalo no te cuesta nada!
tengo una pregunta, como puedo establecer un route como pagina de inicio?
Buenas, esto sería conveniente aplicarlo en un login? Saludos
Ahora crea una vista donde se pueda crear una lista que contenga la informacion de usuarios y en esa misma lista tengas dos botones, uno para visualizar todo el contenido y el otro donde se pueda eliminar un usuario, en este mismo proyecto.
Saludos, estoy intentando usar codigo javascript normal dentro de los componentes pero no he podido hacerlo. Como puede usar un simple addEventListerner dentro de un componente? En general, poder manipular el DOM?. Eso se debe al async await ? Como hago para poder usar el DOM en un SPA ?
Me salen errores del tipo: Uncaught TypeError: Cannot read property 'addEventListener' of null
Gracias
Me podrian ayudar a como solucionar el error de MODULO NO ENCONTRADO al ejecutar npx webpack-dev-server porfavor
una pregunta y si quisiera importar archivos de handlebars en vez de html, como se ria el proceso?
Una consulta, hay algunos comandos que no me funcionan bien por ejemplo 'npx webpack -d' me dice que no es un comando valido. Por otro lado cuando haces el primer bundle en el minuto 9 aproximadamente, solo me parece el console.log pero no me sale todo lo demás en el archivo bundle.js a que se debe?
Muchas gracias!!!
Buenas para que te salga en bundle.js, solo tienes que escribir npx webpack
@@piercebaker5178 no es la respuesta que estamos buscando -d sería para ver el html en varias líneas
@@mekerdreams ok entiendo. Si ya se a que se refieren. Es correcto con el -d no tabula para verlo en HTML.
@@piercebaker5178 hola, hago todo tal pero me marca un error 'in main'
al parecer ahora es webpack serve
Fazt es posible hacer este ejemplo con Vite?
Es una excelente idea, voy a pasarlo a vite y renovar algunas cosas de este ejemplo para esta semana
Seguirá siendo VanillaJS, pero usando Vite :)
Podrías explicar cómo agregar imágenes en un proyecto similar a este? He tratado con file loader pero al intentar cargar una imagen desde otro archivo que no sea index.html me da error que no la existe el archivo. Gracias!
Menos mal ahora existe Vite y no necesita toda esa configuración :'3
"npx webpack serve" A partir de la version 5
Te amo
@@prinosmisiones7597 x2
npx webpack
Module not found: Error: Can't resolve './src'
Saludos, en el 2021 el npx webpack no me genera todo el codigo completo que te aparece en el video para la carpeta /dist. Ha cambiando webpack en el 2021? Gracias
Hola Logos Pod-Cast, me temo que sí. pero ya que me has avisado voy a actualizar este ejemplo. Gracias
He actualizado el código, porque los comandos de webpack no funcionaban, debido a que cambiaron un poco. te dejo el codigo:
github.com/FaztWeb/javascript-spa-simple
Fazt por favor un tutorial práctico de Svelte JS
hola, los archivos .htm pueden ser usados por el html-loader?,como?; por que me da error como si no tuviera el html-loader instalado, hay algún loader especifico para .htm?
Buenisisimo
Oro puro
Alguien me puede decir por que ocupar el # en las rutas por ejemplo #/posts y no solo /post ??
Es para que se quede en el mismo documento. Si fuera sin #, va intentar buscar otro documento.
Hola Fazt, tengo un problema al seguir tu tutorial, cuando ejecuto el servidor de desarrollo me aparece este error Cannot find module 'webpack-cli/bin/config-yargs'
Yo tuve ese mismo error y lo solucioné instalando una versión anterior de Node.
"npx webpack serve" es el nuevo comando desde la version 5. Cada vez que veas "webpak-dev-server" tu piensa en "webpack serve". Saludos!!
Por un momento pense que iba a usar componentes webs nativos para hacer las paginas.
ese maravilloso momento en que te das cuenta que fazt cometió un error antes de que el se diera cuenta. El alumno ha superado al maestro XD
Tremenda la cantidad de dependencias
Tremendo viejo
Take a breath! :) saludos
Alguien sabe si en vite se puede parsear el html a string como lo hace aqui en webpack?
Me podrian ayudar a como solucionar el error de MODULO NO ENCONTRADO al ejecutar npx webpack-dev-server porfavo X2
Hola amigo, quizás ya lo resolviste, pero igualmente le puede servir a otra persona. El comando, a partir de la versión 5 de webpack es: "npx webpack serve"
crack!