miércoles, junio 03, 2015

Ejemplo Expressjs con Grunt



Lo que pasa es de que... esta vez estaba tratando de hacer un ejemplo nodejs+express y todo bien por los ejemplos que hay en internet pues no tuve mucho problema al crear un simple ejemplo nodejs con el framework express . Lo que me llamo la atencion fue como podia hacer el livereload para el front con Gruntjs pues bien buscando nuevamente en la red me encontre con el modulo grunt-express-server , este me sirvio para  hacer la ejecución de nodejs+express y básicamente fue  esta configuración en el archivo Grunt.js
 



 grunt.initConfig({
express: {
    options: {
      // Override defaults here 
    },
    dev: {
      options: {
        script: 'server.js'
      }
    },
    prod: {
      options: {
        script: 'path/to/prod/server.js',
        node_env: 'production'
      }
    },
    test: {
      options: {
        script: 'path/to/test/server.js'
      }
    }
  },

  watch: {
      project: {
        files: ['public/js/*.js', 
                'public/css/*.css',
                'views/*.html'],
        options: {
          livereload: true
        },
        express: {
          files:  [ '**/*.js' ],
          tasks:  [ 'express:dev' ],
          options: {
            spawn: false 
          }
        }



      }
    }

});

 grunt.loadNpmTasks('grunt-express-server'); 
 grunt.loadNpmTasks('grunt-contrib-watch');
 grunt.registerTask('default', [ 'express:dev', 'watch' ])



};


 como se podrán dar cuenta en express: existen 3 variables dev , prod y test, esto es para tener los
 distintos ambientes de trabajo , esto nos ayuda a poder administrar de mera correcta cuando queremos utilizar un ambiente desarrollo o producción. Dentro de watch: se colocan los archivos con los que se trabajara es aqui donde se colocan todos aquellos archivos estáticos que utilizara la aplicación(.css, .js, .png etc),  también se colocan los archivos de nodejs.

Pues bien esperando este pequeño ejemplo sea de utilidad en algún momento dejo el código fuente para que se haga la prueba.

DESCARGA AQUI

No hay comentarios.:

Publicar un comentario