Publicaciones
Certificados
Me gusta

webpack-dev-server no recarga el navegador

HH
Héctor Huerta

@heccode

Buen día a todos, tengo un problema con webpack-dev-server. Estoy usando la versión 4 de webpack y entre mis dependencias he instalado webpack-dev-server, esta es la configuración de mi webpack.config.js

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
 mode: 'development',
 entry:  [
   path.resolve(__dirname, 'src/index.js')
 ],
 output: {
   path: path.resolve(__dirname, 'dist'),
   filename: 'assets/js/bundle.js'
 },
 module: {
   rules: [
     {
       test: /\.pug$/,
       use: [{
         loader: 'pug-loader',
         options: {
           "pretty": true
         }
       }]
     },
     {
       test: /\.(sa|sc|c)ss$/,
       use: [
         'style-loader',
         'css-loader',
         'sass-loader'
       ]
     },
     {
       test: /\.js$/,
       use: 'babel-loader',
       exclude: '/node_modules/'
     },
     {
       test: /\.jpe?g|png|gif|webp|svg$/,
       use: [
         {
           loader: 'file-loader',
           options: {
             name: '[path][name].[ext]',
             outputPath: "assets",
             context: "src",
             useRelativePath: true
           }
         },
       ]
     },
     {
       test: /\.ttf|eot|woff|woff2$/,
       use: {
         loader: 'file-loader',
         options: {
           name: '[path][name].[ext]',
           outputPath: "assets/",
           context: "src",
           useRelativePath: true
         }
       }
     }
   ]
 },
 plugins: [
   // new webpack.HotModuleReplacementPlugin(),
   new HtmlWebpackPlugin({
     filename: 'index.html',
     template: 'src/pug/index.pug'
   }),
   new HtmlWebpackPlugin({
     filename: 'courses.html',
     template: 'src/pug/courses.pug'
   })
 ]
}

webpack-dev-server me compila mi código correctamente, no me muestra ningún error, y cuando hago cambios en mis archivos de la carpeta src, la terminal de me muestra un mensaje de compilación exitosa, porque he hecho cambios en los archivos, sin embargo no me recarga el navegador. Yo tengo que recargar el navegador manualmente para ver los cambios.

Estaré muy agradecido de su ayuda, he buscado al respeto en internet y no encuentro nada.

Consejos para mi portafolio

HH
Héctor Huerta

@heccode

Hola amigos, tengo una pregunta que hacerles a aquellos programadores Frontends que tienen portafolio online.

Estoy terminando de hacer mi portafolio, pero me he estancado en la parte en la que debo mostrar mis trabajos, tengo los mockups en alta definición de cada proyecto que he realizado, pienso mostrar mínimo unos 15, entonces mis dudas son:

  • ¿Cuándo te van a contratar y miran tu portafolio, les interesa ver tu código? Es decir, debo subir a github todos mis proyectos hechos para clientes para que el reclutador pueda ver la manera en la que hago mi código de desarrollo?
  • ¿Si la el proyecto que desarrollé no está online o desconozco el dominio final que usó el cliente, debería subir la versión que yo desarrollé a un host de pruebas y linkearlo en mi portafolio?
  • En mi portafolio, ¿debería mostrar el mockup completo en alta resolución del proyecto web que hice?, ¿debería ponerle marca de agua?, ¿cómo podría mostrar las vistas móviles y resoluciones medianas?

Espero sus consejos, esto me está rompiendo la cabeza, pero que otros lo hacen de manera muy simplista, pero a mí me interesa que conozcan cada cosa de mi trabajo, porque sé que soy muy bueno en lo que hago y ello me ayudaría mucho a conseguir un buen empleo en esta industria.

Este usuario no cuenta con certificados

Este usuario no ha indicado que le gusta algún video