No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Curso de Webpack

Curso de Webpack

Oscar Barajas Tavares

Oscar Barajas Tavares

Deploy del proyecto con React.js

27/28
Recursos

Aportes 30

Preguntas 9

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

Si pude鈥 I did 鉂も潳

Si lo quieren desplegar en caliente solo arrastra en la parte de /sites la carpeta de dist OJO no la carpeta del proyecto si no la de distribution

驴Qu茅 es lo que pasa con la carpeta dist?, 驴Por qu茅 ya no fue generada en el segundo proyecto 鈥淚ntegraci贸n b谩sica de React.js鈥 como lo hicimos en el proyecto anterior?

Para los que tengan un error en el path de los archivos que se generan deben cambiar esto:

output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js',
        publicPath: "/",
    },

Por esto:

output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js',
        publicPath: "./",
    },

Todos podemos! 馃槃 si somos dedicados y perseverantes ,
Recuerden los errores son amigos.

Veo que no se genera ning煤n archivo css en /dist pero los estilos est谩n bien aplicados, alguien sabe que sera?

Para los que no quieren complicarse la vida y quieran hacer un deploy directo a github pages en un rama gh-pages. Les recomiendo instalar la dependencia gh-pages y crear un scrip para hacer deploy.

npm install --save gh-pages

De ante mano tienen que haber subido todo a un repositorio en github y hacer build.
Suponiendo que tenemos el build de nuestro proyecto en una carpeta build:

"script": "gh-pages -d build"

Agregar al package.json cual ser谩 la url del deploy en github, por ejemplo tiene esta estructura:

"homepage": "https://myusername.github.io/my-app",

Esta dependencia va a subir la carpeta build a github y va a hacer deploy autom谩ticamente, luego va a aparecer en la consola el mensaje (Published)

Les dejo la gu铆a completa, Nota: sirve para hacer deploy de lo cualquier sitio est谩tico que est茅s haciendo.
gh-pages

Muy buena la parte de react 鈥aqui el mio

Online baby! 馃憠 URL

Lo importante de esto,es tener todo anota,ya que webpack solo es configuracion mas que nada y estar pendiente de cada detalle.

Listo

App

Aqu铆 mi proyecto hecho en React!!!
Portfolio

Reto completado, migre el proyecto a react e hice el deploy en nerlify. Proyecto

Termin茅 馃挌

Les comparto la migraci贸n a React.
app
repositorio

excelente curso

Aprend铆 mucho en este curso.

(https://sparkly-pie-882534.netlify.app/)

Lo logre!!!

Gracias a la perseverancia lo pude publicar en Netlify , me daba un error porque le faltaba una s al archivo styles.
Aqui el link : https://willowy-blini-c0cd1e.netlify.app.
Aqui el repo: https://github.com/villerca/curso-webpack-react.git

hola paso a dejar un comentario, si no les abre del deploy en 鈥https://netlify.com鈥, borren en 鈥渨ebpack.config.js鈥 la linea donde colocamos: publicPath 鈥/鈥, y hay si lo publica bien鈥

it works!
link

Deploy AQUI

Lo logreee Link

馃ぉ site

Conseguido 馃憠 Click!

Si se pudo!

馃憣