Herramientas de usuario

Herramientas del sitio


wiki2:webdev

¡Esta es una revisión vieja del documento!


Web development tools

Node

Install module & save it as dependence

$ npm install <module> --save

Install module & save it as a dev dependence

$ npm install <module> --save-dev

Gulp

Basic script (gulpfile.js)

var gulp = require('gulp');

gulp.task('default', function() {
  // place code for your default task here
});

Execute it:

$ gulp

If there was not a default but, for ex., deploy:

$ gulp deploy

Indicate src and dest folders

var gulp = require('gulp')

gulp.task('deploy', function () {
    return gulp.src('app/*.js')
        .pipe(gulp.dest('dist'));
});

:!: remember to return so there was another task which depended of this could use it

Add another command to execute prior to the current

gulp.task('deploy', ['prior-task1', 'prior-task2'], function () { ...

Tools for web development

Automatically reload static pages

With reload installed you can do reload -b into your root path an it will automatically reload when some of its inner files change.

Tips and notes

Test external authenticator

You have to prepare one of your servers to accept a connection from the authenticator.

For example, in Caddy:

fok.surrealistic.xyz {
    proxy / localhost:8000
    header / Strict-Transport-Security "15768000"
}

Or in Nginx:



Then you configure the authenticator to the url:

And add a tunnel to your server from your machine on the chosen port:

ssh -R "0.0.0.0:8000:0.0.0.0:8000" codi
wiki2/webdev.1562402728.txt.gz · Última modificación: 2020/05/09 09:25 (editor externo)