คำถามติดแท็ก gulp

ฉันต้องการที่จะปรับปรุงเบราว์เซอร์ซิงค์ของฉันโดยไม่มีการปรับปรุงทุกแพคเกจโหนดของฉัน ฉันจะบรรลุสิ่งนี้ได้อย่างไร Browser-sync เวอร์ชั่นปัจจุบันของฉันไม่มี Browser-sync GUI :( ├─┬ browser-sync@1.9.2 │ ├── browser-sync-client@1.0.2

187 javascript  node.js  npm  gulp  browser-sync 

ฉันกำลังใช้อึก 3.6.2 และมีงานต่อไปนี้ที่ตั้งค่าจากตัวอย่างออนไลน์ gulp.task('watch', ['default'], function () { gulp.watch([ 'views/**/*.html', 'public/**/*.js', 'public/**/*.css' ], function (event) { return gulp.src(event.path) .pipe(refresh(lrserver)); }); gulp.watch(['./app/**/*.coffee'],['scripts']); gulp.watch('./app/**/*.scss',['scss']); }); เมื่อใดก็ตามที่มีข้อผิดพลาดในนาฬิกา Coffee gulp หยุด - เห็นได้ชัดว่าไม่ใช่สิ่งที่ฉันต้องการ ตามที่แนะนำที่อื่นฉันลองทำ gulp.watch(['./app/**/*.coffee'],['scripts']).on('error', swallowError); gulp.watch('./app/**/*.scss',['scss']).on('error', swallowError); function swallowError (error) { error.end(); } แต่ดูเหมือนจะไม่ทำงาน ผมทำอะไรผิดหรือเปล่า? ในการตอบสนองต่อคำตอบของ @ Aperçuฉันได้แก้ไขswallowErrorวิธีการของฉันแล้วลองทำสิ่งต่อไปนี้แทน: gulp.task('scripts', function () { gulp.src('./app/script/*.coffee') …

178 node.js  gulp 

ใน Windows 7 ฉันได้ติดตั้งอึกตามที่อธิบายไว้ที่นี่: http://markgoodyear.com/2014/01/getting-started-with-gulp/ : npm install gulp -g ในโฟลเดอร์แอพของฉัน: npm install gulp --save-dev ฉันสร้างgulpfile.jsไฟล์ แต่เมื่อฉันพยายามเรียกใช้gulpฉันได้รับข้อความแสดงข้อผิดพลาดนี้: module.js:340 throw err; ^ Error: cannot file module 'gulp-util' at Function.Module._resolveFilename (module.js:338:15) เป็นต้น แต่gulp-utilมีอยู่ (ในโฟลเดอร์แอปภายใน) ใน: node_modules gulp node_modules gulp-util ความคิดใด ๆ ที่อาจเป็นสาเหตุ?

169 node.js  npm  gulp 

ฉันกำลังพยายามทำโปรเจ็กต์จากไดเร็กตอรี่ที่ใช้งานได้ไปยังเซิร์ฟเวอร์ (เครื่องเดียวกัน). ใช้รหัสต่อไปนี้: gulp.src([ 'index.php', 'css/**', 'js/**', 'src/**', ]) .pipe(gulp.dest('/var/www/')); ฉันคาดว่าจะเห็นไฟล์ทั้งหมดที่คัดลอก อย่างไรก็ตามมันจะแบนโครงสร้าง dir - ไดเรกทอรีทั้งหมดจะถูกคัดลอก แต่ทุกไฟล์จะอยู่ในราก/var/www อึกดูเหมือนว่าเป็นเครื่องมือสร้างยอดเยี่ยม แต่การคัดลอกไอเท็มควรเป็นกระบวนการที่ง่ายอย่างแน่นอน?

167 deployment  gulp 

ฉันเห็นคนใช้อึกกับ webpack แต่แล้วฉันอ่าน webpack สามารถแทนที่อึก? ฉันสับสนอย่างสมบูรณ์ที่นี่ ... ใครสามารถอธิบายได้บ้าง UPDATE ในที่สุดฉันก็เริ่มด้วยอึก ฉันยังใหม่กับ Front-end ที่ทันสมัยและเพียงแค่ต้องการลุกขึ้นและวิ่งเร็ว ตอนนี้ฉันเปียกเท้าหลังจากผ่านไปหนึ่งปีฉันพร้อมที่จะย้ายไปที่เว็บแพค ฉันขอแนะนำเส้นทางเดียวกันสำหรับผู้ที่เริ่มต้นในรองเท้าเดียวกัน ไม่ได้บอกว่าคุณไม่สามารถลอง webpack ได้ แต่เพียงแค่บอกว่าถ้ามันดูซับซ้อนเริ่มต้นด้วยอึกก่อน ... ไม่มีอะไรผิดปกติกับมัน หากคุณไม่ต้องการอึกใช่ก็มีเสี้ยงฮึดฮัด แต่คุณสามารถระบุคำสั่งใน package.json ของคุณและเรียกพวกเขาจากบรรทัดคำสั่งโดยไม่ต้องมี task runner เพียงเพื่อเริ่มต้นและเริ่มทำงาน ตัวอย่างเช่น: "scripts": { "babel": "babel src -d build", "browserify": "browserify build/client/app.js -o dist/client/scripts/app.bundle.js", "build": "npm run clean && npm run babel && …

161 node.js  webpack  gulp 

เมื่อใช้ eslint ในโครงการ gulp ฉันพบปัญหากับข้อผิดพลาดเช่นนี้ Expected linebreaks to be 'LF' but found 'CRLF' linebreak-styleและฉันใช้สภาพแวดล้อม Windows สำหรับ gulp ที่กำลังทำงานอยู่และบันทึกข้อผิดพลาดทั้งหมดได้รับด้านล่าง Kiran (master *) Lesson 4 $ gulp Using gulpfile c:\Users\Sai\Desktop\web-build-tools\4\ gulpfile.js Starting 'styles'... Finished 'styles' after 17 ms Starting 'lint'... 'lint' errored after 1.14 s ESLintError in plugin 'gulp-eslint' sage: Expected linebreaks …

156 javascript  gulp  eslint  line-endings 

งาน Gulpjs ต่อไปนี้ทำงานได้ดีเมื่อแก้ไขไฟล์ในการจับคู่แบบกลม: // watch task. gulp.task('watch', ['build'], function () { gulp.watch(src + '/js/**/*.js', ['scripts']); gulp.watch(src + '/img//**/*.{jpg,jpeg,png,gif}', ['copy:images']); gulp.watch(src + '/less/*.less', ['styles']); gulp.watch(src + '/templates/**/*.{swig,json}', ['html']); }); // build task. gulp.task('build', ['clean'], function() { return gulp.start('copy', 'scripts', 'less', 'htmlmin'); }); อย่างไรก็ตามมันใช้งานไม่ได้ (มันไม่ทำงาน) สำหรับไฟล์ใหม่หรือไฟล์ที่ถูกลบ มีบางอย่างที่ฉันขาดหายไปหรือไม่? แก้ไข : แม้ใช้ปลั๊กอิน grunt-watch ดูเหมือนว่าจะไม่ทำงาน: …

151 javascript  node.js  gulp 

ในไฟล์ gulp.js ของฉันฉันกำลังสตรีมไฟล์ HTML ทั้งหมดจาก examplesโฟลเดอร์ไปยังbuildโฟลเดอร์ เพื่อสร้างงานอึกไม่ยาก: var gulp = require('gulp'); gulp.task('examples', function() { return gulp.src('./examples/*.html') .pipe(gulp.dest('./build')); }); แต่ฉันไม่สามารถหาวิธีเรียกค้นชื่อไฟล์ที่พบ (และประมวลผล) ในงานหรือฉันไม่สามารถหาปลั๊กอินที่เหมาะสม

138 gulp 

ฉันเพิ่งเริ่มอึกใหญ่และได้ดูตัวอย่างการตั้งค่า บางคนมีโครงสร้างดังต่อไปนี้: gulp.task("XXXX", function() { gulp.src(".... คนอื่นมีสิ่งนี้: gulp.task("XXXX", function() { return gulp.src(".... ฉันสงสัยว่าผลตอบแทนของ src ทำให้แตกต่างกันอย่างไร??

132 javascript  node.js  gulp 

นี่คือ gulpfile ของฉัน: // Modules & Plugins var gulp = require('gulp'); var concat = require('gulp-concat'); var myth = require('gulp-myth'); var uglify = require('gulp-uglify'); var jshint = require('gulp-jshint'); var imagemin = require('gulp-imagemin'); // Styles Task gulp.task('styles', function() { return gulp.src('app/css/*.css') .pipe(concat('all.css')) .pipe(myth()) .pipe(gulp.dest('dist')); }); // Scripts Task gulp.task('scripts', function() { return …

127 javascript  gulp 

ฉันกำลังพยายามใช้ Gulp เพื่อ: นำไฟล์จาวาสคริปต์ 3 ไฟล์มาต่อกันจากนั้นบันทึกผลลัพธ์ลงในไฟล์ (concat.js) ใช้ไฟล์ที่ต่อกันนี้และอัปเกรด / ย่อขนาดไฟล์จากนั้นบันทึกผลลัพธ์ลงในไฟล์อื่น (uglify.js) ฉันมีรหัสต่อไปนี้แล้ว var gulp = require('gulp'), gp_concat = require('gulp-concat'), gp_uglify = require('gulp-uglify'); gulp.task('js-fef', function(){ return gulp.src(['file1.js', 'file2.js', 'file3.js']) .pipe(gp_concat('concat.js')) .pipe(gp_uglify()) .pipe(gulp.dest('js')); }); gulp.task('default', ['js-fef'], function(){}); อย่างไรก็ตามดูเหมือนว่าการดำเนินการ uglify จะไม่ทำงานหรือไฟล์ไม่ได้ถูกสร้างขึ้นด้วยเหตุผลบางประการ ฉันต้องทำอย่างไรเพื่อให้สิ่งนี้เกิดขึ้น

124 gulp 

ฉันใช้ npm เพื่อจัดการ jQuery, Bootstrap, Font Awesome และไลบรารีไคลเอนต์ที่คล้ายกันที่ฉันต้องการสำหรับแอปพลิเคชัน ASP.NET Core ของฉัน วิธีการที่ใช้ได้ผลสำหรับฉันเริ่มต้นด้วยการเพิ่มไฟล์ package.json ลงในโปรเจ็กต์ซึ่งมีลักษณะดังนี้: { "version": "1.0.0", "name": "myapp", "private": true, "devDependencies": { }, "dependencies": { "bootstrap": "^3.3.6", "font-awesome": "^4.6.1", "jquery": "^2.2.3" } } npm คืนค่าแพ็กเกจเหล่านี้ลงในโฟลเดอร์ node_modules ซึ่งอยู่ในระดับเดียวกับ wwwroot ในไดเร็กทอรีโปรเจ็กต์: เนื่องจาก ASP.NET Core ให้บริการไฟล์แบบคงที่จากโฟลเดอร์ wwwroot และไม่มี node_modules ฉันจึงต้องทำการเปลี่ยนแปลงสองสามอย่างเพื่อให้ทำงานนี้ได้อันแรกคือการเพิ่ม app.UseFileServer ก่อนแอป …

118 c#  asp.net-mvc  npm  gulp  asp.net-core 

ดังนั้นฉันจึงมีการติดตั้ง El Capitan ใหม่และฉันให้นักวิ่งงานเหล่านี้ไปอีกครั้ง ฉันกำลังติดตามเรื่อง An Introduction to Gulp.js ของ sitepointแต่ฉันติดอยู่ในขั้นตอนที่สี่เมื่อพยายามเรียกใช้gulp jshintฉันได้รับ " Error: Cannot find module 'jshint/src/cli'" ฉันไม่รู้ว่าอะไรเป็นสาเหตุจึงมาถามที่นี่ ด้านล่างนี้คือการจับภาพหน้าจอสองสามรายการเพื่อช่วยในการแก้ปัญหา เช่นเคยฉันรู้สึกขอบคุณตลอดไปสำหรับคำแนะนำใด ๆ

117 javascript  terminal  gulp  jshint 

ฉันเป็นคนใหม่เล็กน้อยสำหรับโลกของนักวิ่งงานและบันเดิลเลอร์และในขณะที่ต้องผ่านสิ่งต่างๆเช่น Grunt, Gulp, Webpack, Browserify ฉันไม่รู้สึกว่ามีความแตกต่างระหว่างพวกเขามากนัก กล่าวอีกนัยหนึ่งฉันรู้สึกว่า Webpack สามารถทำทุกอย่างที่นักวิ่งงานทำ แต่ฉันยังมีตัวอย่างมากมายที่ใช้อึกและ webpack ร่วมกัน ฉันคิดไม่ออกว่าทำไม เมื่อยังใหม่กับเรื่องนี้ฉันอาจจะทำอะไรไปในทิศทางที่ไม่ถูกต้อง จะดีมากถ้าคุณสามารถชี้ให้เห็นว่าฉันขาดอะไรไป ยินดีต้อนรับลิงค์ที่เป็นประโยชน์ ขอบคุณล่วงหน้า.

117 gruntjs  gulp  bundler  browserify  webpack 

ฉันพยายามอัปเกรดผลลัพธ์ของ Browserify ใน Gulp แต่ไม่ได้ผล gulpfile.js var browserify = require('browserify'); var gulp = require('gulp'); var uglify = require('gulp-uglify'); var source = require('vinyl-source-stream'); gulp.task('browserify', function() { return browserify('./source/scripts/app.js') .bundle() .pipe(source('bundle.js')) .pipe(uglify()) // ??? .pipe(gulp.dest('./build/scripts')); }); ตามที่ฉันเข้าใจฉันไม่สามารถทำได้ตามขั้นตอนด้านล่างนี้ ฉันต้องทำในท่อเดียวเพื่อรักษาลำดับไว้หรือไม่? gulp.task('browserify', function() { return browserify('./source/scripts/app.js') .bundle() .pipe(source('bundle.js')) .pipe(uglify()) // ??? .pipe(gulp.dest('./source/scripts')); }); gulp.task('scripts', function() …

112 javascript  node.js  gulp  browserify  uglifyjs