Questions tagged [watchify]

Watchify allows you to send all your notifications to your SmartWatch2. persistent browserify bundler that watches files for changes and only rebuilds what it needs to. Watchify doesn't have a gulp plugin, but it doesn't need one either: you can use vinyl-source-stream to pipe the bundle stream into your gulp pipeline.

watchify is a persistent browserify bundler that watches files for changes and only rebuilds what it needs to. Watchify doesn't have a gulp plugin, but it doesn't need one either as it's possible to use vinyl-source-stream to pipe the bundle stream into the gulp pipeline.

watchify npm package: https://www.npmjs.com/package/watchify.

89 questions
4
votes
0 answers

Configuring Browserify with factor-bundle and watchify

I am trying to configure my application to use browserify with watchify and factor-bundle. However, I seem to either end up with a memory leak or break watchify triggered builds. My build.js var browserify = require('browserify'), watchify =…
Krustal
  • 518
  • 1
  • 4
  • 12
4
votes
1 answer

"Possible EventEmitter memory leak detected" with Gulp + Watchify + Factor bundle

I am using gulp, browserify, watchify and factor bundle to build several javascript files in development. Everything works fine, excepts after some time I start seeing this warning: Trace at Browserify.addListener (events.js:179:15) at f…
Benoit Guigal
  • 838
  • 1
  • 10
  • 24
4
votes
1 answer

Watchify not correctly processing source maps

I'm using Browserify to bundle all my Javascript assets up. However Browserify starts to become very slow to build as an app gets more complex, so I switched to Watchify, which nicely solved that problem. However, this introduced a new problem. I'm…
3
votes
1 answer

How to catch all errors from browserify?

I use the following gulp task const gulp = require('gulp'); const browserify = require('browserify'); const watchify = require('watchify'); const source = require('vinyl-source-stream'); const gutil =…
Ties
  • 806
  • 7
  • 13
3
votes
1 answer

How do run watchify, browser-sync, and automatic browser refresh simultaneously using only package.json

Is there a way to watch for code changes, and automatically reload the browser using only npm and package.json (I'm trying to avoid using Gulp et al. ) If so, can you suggest some scripts to accomplish this?
Hexatonic
  • 2,251
  • 2
  • 21
  • 26
3
votes
0 answers

npm install package error with watchify on Mac OS El Capitan

I'm getting some error with npm install --save-dev watchify command when setting up React.js workspace. I'm not so sure what need to be done in order to resolve this problem. Npm was installed via Homebrew. Node version: v6.1.0 npm version: 3.8.6 $…
Hung Bui
  • 313
  • 4
  • 17
3
votes
1 answer

Trigger grunt task after browserify/watchify run

I'm trying to build my JS-bundle via grunt/browserify. I also use grunt for scss compile. For that I use grunt-watch to trigger scss compile on changes. I wanted the same behavior for JS-browserify. grunt-browserify comes with the "watch" option,…
huehnerhose
  • 615
  • 9
  • 26
3
votes
0 answers

GULP - Merge multiple browserify bundles in one stream

i'm working on a big web application. I'm using Gulp to build javascript files and Browserify. The problem is that when i'm in development mode, it takes so much time to rebuild my javascript bundle each time i make changes (using watch) For my…
Stainz
  • 51
  • 5
3
votes
1 answer

How to trigger watchify update on non .js file changes

I would like my gulpfile.js task watch to run when an html file in the path is updated, not just javascript files. it seems like even though my base directory does not specify *.js, that it what it assuming. The relevant part of my gulpfile.js is…
Peter Kellner
  • 14,748
  • 25
  • 102
  • 188
3
votes
1 answer

Use browserfiy'es watchify to watch multiple files

I want to watch and output as following on Windows and Linux: watchify ./src/login/login.js -o ./public/js/login.js -v && watchify ./src/unlock/unlock.js -o ./public/js/unlock.js -v && watchify ./src/admin/admin.js -o ./public/js/admin.js -v Why in…
Szymon Toda
  • 4,454
  • 11
  • 43
  • 62
3
votes
1 answer

Using gulp + browserify + watchify + coffeeify tries to retranspile javascript instead of coffeescript

When I browserify my coffeescript code the first time it runs fine. However, when I make a change to my source code and watchify tries to re-run the bundling, coffeeify seems to want to run coffeescript against my javascript - based on this error I…
Joerg
  • 3,553
  • 4
  • 32
  • 41
3
votes
0 answers

watchify cannot find module error

I am attempting to use watchify on the command line, this is the command im using watchify ./app/static_src/js/*.js -o ./app/static/js/compiled.js -v -d It produces the following error Error: Cannot find module…
thesteve
  • 2,413
  • 6
  • 26
  • 28
3
votes
2 answers

Compiling multiple script bundles using NPM and Watchify

I have a project where I'd like to compile separate script bundles - one main one that gets included on every page and a bunch of separate bundles that will get included only on specific pages. I have a NPM script that looks like this: "build-site":…
Nick Coad
  • 3,623
  • 4
  • 30
  • 63
2
votes
0 answers

How to use the require function and TypeScript modules with tsify and watchify?

I am using tsify with watchify and VS Code. The compilation is successful without any warning or error. I use this command: cd html/wp-content/themes; watchify custom-theme/assets/ts/main.ts -p [ tsify ] -o custom-theme/assets/js/bundle.js -v The…
silviubogan
  • 3,343
  • 3
  • 31
  • 57
2
votes
0 answers

Watchify compile once wrongly and then stops

I'm on Windows 10 x64, the sources are on a NFS unit. When i run the script it gives me this: npm run-script watch > fooprog@1.0.0 watch U:\fooprog > watchify -v --poll index.js -o ./dist/main.js 471 bytes written to ./dist/main.js (0.01 seconds)…
Blallo
  • 450
  • 3
  • 11