para que funcione en brave deben desactivar la proteccion de anuncios al lado de la barra de busqueda hay 2 iconos, el de brave y el triangulo de la criptomoneda beat, le da al leon y desactiva la proteccion en esa direccion especifica y ya le cargan
MIentras estes creando estilos o editandolos siempre levantalo con npm run dev. Cuando termines y tengas todo listo lo compilas con npm run build, para que tengas los archivos finales en la carpeta "public". De esa manera se verán los estilos sin necesidad de levantar el servicio de vite.
@@sistemasenoferta como dije en el comentario anterior, usando el comando npm run dev. Con ese queda el servicio de vite levantado y puedes hacer cambios y serán detectado y compilado automáticamente
Cómo le hago para poner un archivo js que solo se usará en una página? Es decir, mantengo el app.js en el layout, pero en mi vista home quiero cargar js propios solo para esa página? He intentado hacerlo llamando a @vite(nuevo.js) en la vista home y funciona, pero si tengo una función en app.js no puedo acceder a ella desde nuevo.js 😢
Hola Angel, supongo que no puedes llamar a una función de app.js porque es otro ámbito. No estoy seguro pero lo primero que se me ocurre es intentar cargar solamente nuevo.js en la página específica y desde allí requieres el app.js.
@@cafedelprogramador gracias por la recomendación. Hace unos días encontré una forma de hacerlo y creo que es básicamente eso que me dices. Exporté la función desde un archivo y luego la importé en el otro y ya pude usarla. Yo creía que eso de exportar e importar era propio de react 😂
Hola al final como lo hicste? yo estuve la directiva @vite('/resources/js/helpers/sweetAlertHelpers.js') en un blade pero si hago importaciones de librerias como axios o cualquier otra que se instala con NPM entonces no me deja y la unica es importando todos los js en el app.js pero como dices tu en muchos casos hay cosas que solo quiere cargar uno en el home, o en el carrito de compras o alguna pagina en ese caso que se hace? tu nuevo.js lo importaste en el app.js y ahi lo usaste o que hiciste amigo? Saludos!
y que pasa que despue de cierto tiempo se deshace el estilo y se vuelve grande el logo x ejempo en jet ,,,, cuando corri npm run dev,,volvio a dar normal ...osea cada cieto tiempo se vae el npm )??
para que funcione en brave deben desactivar la proteccion de anuncios al lado de la barra de busqueda hay 2 iconos, el de brave y el triangulo de la criptomoneda beat, le da al leon y desactiva la proteccion en esa direccion especifica y ya le cargan
Hola. Tus otros archivos JS puedes agregarlos en resources/js/, luego deberás añadir dichos archivos en vite.config.js para que al momento de compilar Vite los pueda encontrar. siemmpre que se pueda es bueno tener el código JS y CSS compilado o minificado en un solo archivo para que mejore la velocidad de la aplicación y se almacene menos espacio en disco.
Hola @@iapv deberás llamar al archivo que vite compila, como muestro en el minuto 14:08. Allí muestro un Ejemplo con un archivo css, pero es el mismo procedimiento para archivos .js En el archivo de configuraciñon de vite (vite.config.js) puedes agregar tanto como necesites
A ver, digamos que yo quiero instalar select2 pero de manera manual, es decir con los archivos select2.min.css y select2.min.js Estos dos archivos en donde van ? en public o resources? y por que
Hola! En ambos directorios lo puedes colocar. Pero si lo colocas en "resources" deberás de realizar la configuración para que también se compilen al momento de usar Vite. Pero si estás hablando de archivos .min ellos ya vienen minificados y no tendría sentido compilarlos de nuevo. En ese caso colocalos en el directorio "public"
Excelente explicación, muchas gracias.
Me resolviste el misterio, muchas gracias, mi problema era que estaba usando el Brave. Saludos.
para que funcione en brave deben desactivar la proteccion de anuncios al lado de la barra de busqueda hay 2 iconos, el de brave y el triangulo de la criptomoneda beat, le da al leon y desactiva la proteccion en esa direccion especifica y ya le cargan
Hola, si se desea editar los estilos o crear unos nuevos seria levantar el servidor vite?
MIentras estes creando estilos o editandolos siempre levantalo con npm run dev. Cuando termines y tengas todo listo lo compilas con npm run build, para que tengas los archivos finales en la carpeta "public". De esa manera se verán los estilos sin necesidad de levantar el servicio de vite.
Gracias.
@@cafedelprogramador y si quiero que modifique y compile al mismo tiempo, que comando se usa?
@@sistemasenoferta como dije en el comentario anterior, usando el comando npm run dev. Con ese queda el servicio de vite levantado y puedes hacer cambios y serán detectado y compilado automáticamente
Cómo le hago para poner un archivo js que solo se usará en una página? Es decir, mantengo el app.js en el layout, pero en mi vista home quiero cargar js propios solo para esa página?
He intentado hacerlo llamando a @vite(nuevo.js) en la vista home y funciona, pero si tengo una función en app.js no puedo acceder a ella desde nuevo.js 😢
Hola Angel, supongo que no puedes llamar a una función de app.js porque es otro ámbito. No estoy seguro pero lo primero que se me ocurre es intentar cargar solamente nuevo.js en la página específica y desde allí requieres el app.js.
@@cafedelprogramador gracias por la recomendación. Hace unos días encontré una forma de hacerlo y creo que es básicamente eso que me dices. Exporté la función desde un archivo y luego la importé en el otro y ya pude usarla. Yo creía que eso de exportar e importar era propio de react 😂
Hola al final como lo hicste? yo estuve la directiva @vite('/resources/js/helpers/sweetAlertHelpers.js') en un blade pero si hago importaciones de librerias como axios o cualquier otra que se instala con NPM entonces no me deja y la unica es importando todos los js en el app.js pero como dices tu en muchos casos hay cosas que solo quiere cargar uno en el home, o en el carrito de compras o alguna pagina en ese caso que se hace?
tu nuevo.js lo importaste en el app.js y ahi lo usaste o que hiciste amigo?
Saludos!
No carga archivos css ni js
y que pasa que despue de cierto tiempo se deshace el estilo y se vuelve grande el logo x ejempo en jet ,,,, cuando corri npm run dev,,volvio a dar normal ...osea cada cieto tiempo se vae el npm )??
Hola, no entiendo muy bien la pregunta. puedes re-escribirla de otra forma para ver si te puedo contestar
para que funcione en brave deben desactivar la proteccion de anuncios al lado de la barra de busqueda hay 2 iconos, el de brave y el triangulo de la criptomoneda beat, le da al leon y desactiva la proteccion en esa direccion especifica y ya le cargan
Como le hago para cargar archivos common.js o como puedo configurar rollup + vite?
EXCELENTE
Tengo un servidor Ubuntu,pero no toma los build
Como cargo otros archivos js? Cual es la ciencia de tener todo el codigo js de TOOODA la aplicacion en un solo archivo.
Hola. Tus otros archivos JS puedes agregarlos en resources/js/, luego deberás añadir dichos archivos en vite.config.js para que al momento de compilar Vite los pueda encontrar. siemmpre que se pueda es bueno tener el código JS y CSS compilado o minificado en un solo archivo para que mejore la velocidad de la aplicación y se almacene menos espacio en disco.
@@cafedelprogramadorSi se maneja un sólo archivo, cómo se hace para manipular el dom de cada archivo HTML?
Hola @@iapv deberás llamar al archivo que vite compila, como muestro en el minuto 14:08. Allí muestro un Ejemplo con un archivo css, pero es el mismo procedimiento para archivos .js En el archivo de configuraciñon de vite (vite.config.js) puedes agregar tanto como necesites
ami no me funciona xd y a un amigo si :l y estamos en el mismo proyecto
A ver, digamos que yo quiero instalar select2 pero de manera manual, es decir con los archivos select2.min.css y select2.min.js
Estos dos archivos en donde van ? en public o resources? y por que
Hola! En ambos directorios lo puedes colocar. Pero si lo colocas en "resources" deberás de realizar la configuración para que también se compilen al momento de usar Vite. Pero si estás hablando de archivos .min ellos ya vienen minificados y no tendría sentido compilarlos de nuevo. En ese caso colocalos en el directorio "public"