8
Tuve el mismo problema, sucede que ahora gulp@4 tiene parametros adicionales que hace que migres un poco la sintaxis de tus tareas, pero que para bien ahora es mas ordenado.
Te dejo un enlace [ingles] con mas detalles:
https://codeburst.io/switching-to-gulp-4-0-271ae63530c0
En fin, ahora debes usar lo siguiente
let gulp = require('gulp');
let sass = ...
6
Como sabemos JavaScript tiene un tipo de dato llamado objeto ( esto pertenece a una técnica de programación llamada poo u oop en ingles ) y ese tipo de dato se compone de propiedades y métodos, pero no siempre necesitamos utilizar todo lo que en ese objeto esta encapsulado porque simplemente utilizaremos una propiedad o un método entonces declaramos una ...
4
Acabo de correr la task gulp-sass, no gulp-serve como lo venía haciendo y pude ver en el error log que había un conflicto con la gema sass (error que no me salía en el log cuando corría gulp-serve, el cuál también utilizaba la task de sass)
Raro porque yo había instalado la gema desde el Gemfile anteriormente, así que volví a hacer un bundle install y volví ...
4
una buena alternativa de usar un supervisor es nodemon:
Monitorea tu aplicacion node.js y reinicia automaticamente el servidor- Ideal para desarrollar
Para usar nodemon:
$ npm install nodemon -g
$ nodemon app.js
otra opcion es usar node-dev
npm install node-dev
esta herramienta incluso da una notificación cuando el servidor se vuelve a cargar y dará ...
respondida el 4 jul. 17 a las 14:35
JackNavaRow
6,77255 medallas de oro2121 medallas de plata4949 medallas de bronce
3
En los sistemas basados en Unix se suele utilizar el símbolo & para correr dos o más tareas en paralelo como en el caso del script
"start": "gulp watch & node server.js"
pero si estás intentando correr este código en Windows o quieres hacer algo que funcione igual en multiples sistemas operativos puedes probar soluciones como npm-run-all y ...
3
Los navegadores no usan ficheros LESS, usan los CSS. Pero existen los llamados source maps. Seguramente tu fichero CSS incluye un comentario tipo:
//# sourceMappingURL=/path/to/file.css.map
Que le indica a tu navegador dónde obtener ese fichero.
O, directamente, lo introduce como binario embebido:
/*# sourceMappingURL=data:application/json;base64,...
respondida el 16 mar. 18 a las 11:58
Pablo Lozano
39.1k77 medallas de oro4646 medallas de plata8383 medallas de bronce
3
Puede probar con esto:
Para todos:
gulp.task('copy', function () {
gulp.src([config.sourcesDir + '/js'+'/**/*'])
.pipe(gulp.dest('./assets/js));
});
Para solo el tipo que se le indica(ejemplo con .js):
gulp.task('copy', function () {
gulp.src([config.sourcesDir + '/js'+'/**/*.js'])
.pipe(gulp.dest('./...
respondida el 9 feb. 16 a las 2:55
Angel Angel
9,58999 medallas de oro3434 medallas de plata6767 medallas de bronce
2
La funcicón de --save-dev no es instalar de manera local en tu proyecto.
Existen dos tipos de paquetes.
1) Los que son requeridos para que tu proyecto funcione.
--save
2) Los que son requeridos para el desarrollo de tu proyecto.
--save-dev
Si otro desarrollador quiere sólo utilizar tu módulo (proyecto), no le interesa instalar las dependencias de ...
2
Ya resolví el problema. Resulta que en mi función
gulp.watch("client/**/*.js", ["reload"])
Se está buscando una carpeta que no existe. Bastaba con quitar el clientdel blob y listo.
Ahora mi browsersync funciona correctamente.
2
Si el servidor es Linux, puedes crear un symlink en lugar de copiar toda la carpeta:
(desde CarpetaRaiz)
ln -s ./node_modules ./VersionWeb1/node_modules
Para saber más sobre symlinks en Linux
Si el servidor es Windows, este sería el comando:
mklink /D ./VersionWeb1/node_modules ./node_modules
Para saber más sobre symlinks en windows
2
Cuando se completa una tarea, ésta debe avisar de que ha terminado, usando un callback. Es algo similar a las promesas: al ser las tareas ejecutadas de manera asíncrona, gulp necesita saber cuando han sido completadas mediante la señal producida por la llamada a esta función.
const gulp = require('gulp');
gulp.task('tarea1', callback => {
console....
respondida el 13 nov. 19 a las 15:02
Pablo Lozano
39.1k77 medallas de oro4646 medallas de plata8383 medallas de bronce
1
El problema es que estas usando incorrectamente la lógica de Laravel Mix.
Referencia de documentación: https://laravel.com/docs/8.x/mix#running-mix
Dentro de tu carpeta de proyecto ejecuta lo siguiente:
npm install
Después para ejecutar el mix
// Ejecuta todas las tareas de mix...
npm run dev
// Ejecuta todas las tareas y las minifica...
npm run production
...
1
La forma de ejecutar tareas en serie o paralelo es diferente en Gulp 4.
La ejecución de una serie de tareas hazla de la siguiente forma:
var default = gulp.series('styles', 'assets', 'build');
gulp.task('default', default );
Y si quisieras hacerlo en paralelo y luego el build, podrías hacer:
var default = gulp.series(gulp.parallel('styles', 'assets'),'...
respondida el 21 may. 18 a las 18:36
Federico Madoery
2,80288 medallas de plata1919 medallas de bronce
1
$ npm ls gulp-util significa:
node package manager listame las versiones y dependencias del módulo gulp-util
y la respuesta es:
tienes la version 3.0.8 degulp-util que depende del módulo gulp-install cuya versión es 1.1.0 y todo esto está manejado por la version 1.0.0 de npm desde la carpeta C:\Users\infante
respondida el 9 abr. 18 a las 0:07
alo Malbarez
8,53122 medallas de oro88 medallas de plata2929 medallas de bronce
1
lo siento olvide comentar pero ya lo solucioné, luego de revisar mucho, logre hacer un console al error y me mostraba Uglify SyntaxError: Unexpected token: punc (}) expected punc :, lo indicaba en el index porque el error lo detectaba luego de minificar, es decir en el app.min.js que genera, este error es porque uglify no soporta ES2015, y en un controlador ...
1
Parece que hay un error al useref tratar de parsear el index.html, el index tiene que tener este aspecto:
<html>
<head>
<!-- build:css css/combined.css -->
<link href="css/one.css" rel="stylesheet">
<link href="css/two.css" rel="stylesheet">
<!-- endbuild -->
</head>
<body>
<!-- build:js ...
1
[solucionado] era un problema con la version de nodejs me exigia v7.0 o superior, estaba usando la actual v8.1.4 recurrente
1
Hace poco publique esta pregunta definiendo que tenia una estructura algo así:
Para explicar un poco mas en el directorio base almaceno mi desarrollo y en el css mi producción «Es una estructura hipotética para simplificar»
Finalmente he optado por encontrar una solución para este problema combinando Gulp y PHP, puesto que me manejo mejor en este ultimo, ...
1
Hay un plugin específico para Gulp y sass. Solo tienes que instalarlo en las dependencias de desarrollo:
npm install --save-dev gulp-sass
Y el uso es mas o menos como lo imaginas:
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function () {
return gulp.src('./base/sass/**/*.scss')
.pipe(sass().on('error', sass....
respondida el 22 abr. 17 a las 21:43
toledano
5,04399 medallas de oro2929 medallas de plata5353 medallas de bronce
1
Necesitas especificar qué directorio será utilizado para servir contenido estático. Ésto lo haces mediante un middleware en express. Por ejemplo, suponiendo que guardas tus bundles js y css en el directorio assets (en el mismo nivel que tu aplicación), entonces basta con:
app.use(express.static(path.join(__dirname, 'assets'));
Lo que hará express es, que, ...
respondida el 28 ene. 17 a las 14:41
gugadev
18.6k11 medalla de oro2222 medallas de plata4949 medallas de bronce
1
Este problema se me presento al tener la exigencia del programador para usar declaraciones php y así manejar la sesiones en el sitio sin usar sessionStorage, pues teníamos problemas con cache, y no querer separa la maquetación que tenia en .pug.
La solución a este problema fue muy sencilla.
Revisar si .pug no tenia conflictos con el tag , esto lo hice en ...
1
Lo que yo hago es importar todos mis partial dentro del main.scss, y pienso que lo hiciste bien.
Pero en tu archivo gulpfile.js solo tienes que llamar el main.scss, ya que los @imports los trabajará Sass; siendo está la corrección.
var gulp = require('gulp'),
sass = require('gulp-sass');
gulp.task('sass2css', function(){
gulp.src('_lab/_scss/...
1
He reproducido todo y me ha funcionado como ya lo tiene, pero pienso que por algún tema de versión podría quitar el _ de los import, ejemplo:
@import '_include-scss/Style-Generales';
@import '_include-scss/fonts';
@import '_include-scss/botones';
@import '_include-scss/header';
@import '_include-scss/footer';
1
Puedes usar el método reload en lugar del método changed
Este método te actualizará la página completa. Quedaría de esta forma
var gulp = require('gulp'),
livereload = require('gulp-livereload'),
watch = require('gulp-watch');
gulp.task('watch', function(){
livereload.listen();
gulp.watch('./*.html').on('change', function() {
...
respondida el 24 may. 16 a las 16:20
devconcept
12k22 medallas de oro3535 medallas de plata5555 medallas de bronce
Solo están habilitadas las respuestas de wiki más votadas con una longitud mínima y que no pertenecen a la comunidad
Etiquetas relacionadas
gulp × 65javascript × 24
nodejs × 24
sass × 10
gulp-sass × 9
npm × 5
html × 4
css × 4
webpack × 4
pug × 4
gulp-4 × 4
scss × 3
babel × 3
jquery × 2
angularjs × 2
servidor × 2
php × 1
android × 1
laravel × 1
html5 × 1
bootstrap × 1
laravel-5 × 1
css3 × 1
vue.js × 1
typescript × 1