-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathinstalaciones.txt
60 lines (43 loc) · 1.8 KB
/
instalaciones.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Instalaciones únicas
1- npm install --global gulp-cli
Este comando lo teneis que ejecutar una sola vez. Sirve para instalar gulp de forma global en el equipo para tenerlo disponible en todos los proyectos
Instalaciones que se han de ejecutar en cada proyecto en el que querais incluir gulp
2- npm init
3- npm install --save-dev gulp
4- npm install --save-dev @babel/core @babel/register @babel/preset-env
El proyecto debe contener:
- Un archivo .babelrc donde pondremos la configuración de babel
- Un archivo gulpfile.babel.js donde pondremos la configuración de gulp (en el caso de usar babel 6 el archivo deberá llamarse gulpfile.js)
Transpilar JavaScript
gulp-babel:
Este el módulo que usará gulp para convertir el código a es5
npm install --save-dev gulp-babel
gulp-terser:
Es la nueva versión de uglify, sirve para ofuscar el código
npm install --save-dev gulp-terser
gulp-concat:
Une todos nuestros archivos js en uno solo
npm install --save-dev gulp-concat
HTML
npm install --save gulp-htmlmin
Minifica y limpia nuestro HTML
https://github.com/kangax/html-minifier
CSS
npm install --save-dev gulp-postcss cssnano autoprefixer
Para utilizar autoprefixer hay dos opciones, o añadir los navegadores a los que quieres dar soporte al package.json o hacerlo en un archivo separado.
.browserslistrc
postCSS: https://github.com/postcss/postcss/blob/master/docs/plugins.md
PUG
npm install --save-dev gulp-pug
SASS
npm install --save-dev gulp-sass
purgar/limpiar CSS
npm install --save-dev gulp-purgecss
Limpiar caché
npm install --save-dev gulp-cache-bust
Comprimir imágenes
npm install --save-dev gulp-imagemin
Browser Sync
npm install --save-dev browser-sync
Gulp Plumber
npm install --save-dev gulp-plumber