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
1
vote
0 answers

Browserify watchify compile old ressource on localhost with VueComponent

I'm pretty new on compiler and npm command. I use this starter for a project https://github.com/vuejs-templates/browserify-simple I served my project and I was working on when I update a script (I'm working with Single File Component - VueJS) and…
chles
  • 175
  • 1
  • 1
  • 11
1
vote
0 answers

Watchify + tsify + Visual Studio == stale code

We are running a Gulp task inside of Visual Studio (2015) to execute watchify. Works great some of the time, but sometimes watchify builds old code. Repro: Modify a .ts file in Visual Studio Save In the Task Runner Explorer, watch for watchify…
JMarsch
  • 21,484
  • 15
  • 77
  • 125
1
vote
1 answer

How to use Browserify + Watchify + Tsify + Gulp on multiple entry files and get multiple output files quickly

I have been trying to use Gulp + Browserify + Tsify to transpile 4 files plus their libraries into 4 js files which is currently taking 4 or 5 seconds. In my current build script, watchify triggers an update on a change of any ts file for all 4 of…
RakTom
  • 21
  • 3
1
vote
0 answers

reactjs browserify watchify: Chrome breakpoints not stopping

I am using browserify (13.0.0) with reactjs (0.14.7) and Chrome version 48. Unfortunately my breakpoints are not working in Chrome Dev Tools. I am passing the --debug option to browserify to provide source maps for debugging purposes. $ browserify…
bexley
  • 59
  • 8
1
vote
1 answer

Gulp watch only fires once with watchify

I have run into a problem with some weird interplay between watchify and gulp.watch. When we use watchify with polling, which I need to do because it runs in a vagrant environment, then the gulp.watch task only fires the first time the files are…
Matt
  • 2,795
  • 2
  • 29
  • 47
1
vote
0 answers

How to throw an error in gulpfile?

I have started using watchify in my gulp build recently, but i don't understand, why it doesn't throw an errors in terminal, when something is wrong. Probably, i should add something like if(err) throw err somewhere, but i don't understand where…
stkvtflw
  • 12,092
  • 26
  • 78
  • 155
1
vote
0 answers

Unable to install watchify package

I am trying to install watchify package via npm but I am failing. After a little while the command just stops its execution. Any idea on how to fix this issue? Thx npm install --save watchify@2.4.0 npm WARN package.json thumbnail-gulp@1.0.0 No…
Sandro Palmieri
  • 1,193
  • 2
  • 12
  • 26
1
vote
1 answer

Triggering update from gulpfile when file is updated

In my gulpfile, index.js gets processed, pulls in requirements, and spits out bundle.js. The issue is that I need to trigger an update even when requiredfile.js is updated. Here's my code: var browserify = require('browserify'), watchify =…
Linda H
  • 139
  • 1
  • 9
1
vote
1 answer

Watchify with gulp is not working

I have created this gulp task for watchifying but it gives this error: Cannot read property 'cache' of undefined gulp.task('browserify-With-Watch', function () { "use strict"; var bundler = browserify({ entries: ['src/js/ede-wrapper.js'], //…
Hasith Magage
  • 543
  • 4
  • 20
1
vote
2 answers

Browserify transform with reactify

I am trying to build a project using gulp. Unfortunately I am experiencing some trouble with it. This is what my gulpfile.js looks like: 'use strict'; var watchify = require('watchify'); var browserify = require('browserify'); var gulp =…
Mayas
  • 1,434
  • 5
  • 16
  • 25
1
vote
1 answer

grunt-browserify alias stop working

I have simple grunt-browserify config. This configuration works perfectly until I change any JavaScript file, then "watchify" compiles build again. Since that moment build.js fails in browser with exception: Uncaught Error: Cannot find module 'i18n'…
1
vote
0 answers

Browserify, watchify and moving files around

My team and I keep experiencing the same problem when we try to use browserify with watchify while developing our application. Essentially here is the issue. Lets say we have the following file structure: js -- folder1 -- app.coffee --…
TheDelChop
  • 7,938
  • 4
  • 48
  • 70
1
vote
1 answer

Browserify compiling to full system paths (using watchify & gulp)

I am coming from AMD and seem to already be doing something wrong. I have made a setup like this: client/js/index.js (entry point) client/js/test.js I want it to build to: build/app.js index.js requires in test.js like this: var test =…
Dominic
  • 62,658
  • 20
  • 139
  • 163
1
vote
1 answer

Combining streams node

The return from this function needs to be a stream. In non-watch mode that's easy; just return rebundle, browserify stream is converted, blah blah, ok. In watch mode, however, rebundle is run on each update and creates a new stream every time. I…
Alex Guerra
  • 2,556
  • 3
  • 18
  • 24
0
votes
1 answer

How to make using tsify with the AMD module system result in a bundle file, not in separate files or a file that uses the not-found `define`?

I do not care which module system I use if I am able to use the ES6 TypeScript import/export syntax. Why does AMD put just main.ts in the bundle.js file, while UMD puts all the needed modules in it? How can I use AMD (which I understood that is good…
silviubogan
  • 3,343
  • 3
  • 31
  • 57