Compilar (build o publicar) una aplicación de React

Contactar con el profesor

El siguiente comando crea en la carpeta build un compilado de nuestra aplicación. En el caso de que usemos react-router.

npm run build

Deberemos asignar un valor a la variable PUBLIC_PATH que definiremos en el fichero .env con la ruta final en la que será alojado el proyecto. De lo contrario, este sólo funcionará si está alojado en la raíz del servidor web.

.env

PUBLIC_URL = /ruta-en-produccion

En el caso de que estuviesemos usando React Router, será necesario además asignar este valor al atributo basename:

<BrowserRouter basename={process.env.PUBLIC_URL} >

Firebase (versión 9) →

.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-25{width:calc(25% - .5rem);}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-25 .wp-block-button__link{width:100%;}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-50{width:calc(50% - .5rem);}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-50 .wp-block-button__link{width:100%;}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-75{width:calc(75% - .5rem);}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-75 .wp-block-button__link{width:100%;}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-100{margin-right:0;width:100%;}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-100 .wp-block-button__link{width:100%;}.gb-block-post-grid .gb-post-grid-items h2 a:hover{color:#0073e5;}.site-container .wp-block-button .wp-block-button__link{background-color:#0073e5;}.wp-block-button .wp-block-button__link:not(.has-background),.wp-block-button .wp-block-button__link:not(.has-background):focus,.wp-block-button .wp-block-button__link:not(.has-background):hover{color:#fff;}.site-container .wp-block-button.is-style-outline .wp-block-button__link{color:#0073e5;}.site-container .wp-block-button.is-style-outline .wp-block-button__link:focus,.site-container .wp-block-button.is-style-outline .wp-block-button__link:hover{color:#2396ff;}.site-container .has-small-font-size{font-size:12px;}.site-container .has-normal-font-size{font-size:18px;}.site-container .has-large-font-size{font-size:20px;}.site-container .has-larger-font-size{font-size:24px;}.site-container .has-theme-primary-color,.site-container .wp-block-button .wp-block-button__link.has-theme-primary-color,.site-container .wp-block-button.is-style-outline .wp-block-button__link.has-theme-primary-color{color:#0073e5;}.site-container .has-theme-primary-background-color,.site-container .wp-block-button .wp-block-button__link.has-theme-primary-background-color,.site-container .wp-block-pullquote.is-style-solid-color.has-theme-primary-background-color{background-color:#0073e5;}.site-container .has-theme-secondary-color,.site-container .wp-block-button .wp-block-button__link.has-theme-secondary-color,.site-container .wp-block-button.is-style-outline .wp-block-button__link.has-theme-secondary-color{color:#0073e5;}.site-container .has-theme-secondary-background-color,.site-container .wp-block-button .wp-block-button__link.has-theme-secondary-background-color,.site-container .wp-block-pullquote.is-style-solid-color.has-theme-secondary-background-color{background-color:#0073e5;}.hljs{display:block;overflow-x:auto;padding:.5em;background:#f0f0f0;}.hljs,.hljs-subst{color:#444;}.hljs-comment{color:#888;}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta-keyword,.hljs-doctag,.hljs-name{font-weight:bold;}.hljs-type,.hljs-string,.hljs-number,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:#800;}.hljs-title,.hljs-section{color:#800;font-weight:bold;}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-selector-pseudo{color:#bc6060;}.hljs-literal{color:#78a960;}.hljs-built_in,.hljs-bullet,.hljs-code,.hljs-addition{color:#397300;}.hljs-meta{color:#1f7199;}.hljs-meta-string{color:#4d99bf;}.hljs-emphasis{font-style:italic;}.hljs-strong{font-weight:bold;}.doscol{display:flex;}@media (max-width: 800px){.doscol{flex-direction:column;}}.searchwp-live-search-results{opacity:0;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;height:0;overflow:hidden;z-index:9999995;position:absolute;display:none;}.searchwp-live-search-results-showing{display:block;opacity:1;height:auto;overflow:auto;}.searchwp-live-search-no-results{padding:3em 2em 0;text-align:center;}.searchwp-live-search-no-min-chars:after{content:"Continue typing";display:block;text-align:center;padding:2em 2em 0;}