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
2
votes
0 answers

Gulp browserify babel and watchify to output multiple bundles

I want to output multiple bundles using gulp,browserfiy and also use the feature of babel and watchify.I could produce mutliple bundles but i am non the wiser to use the feature of babel and watchify. Here's what i have done for multiple bundling…
Tushant
  • 1,534
  • 1
  • 14
  • 24
2
votes
0 answers

PhpStorm: minifying all .SCSS files into a single .CSS file using watchify.js?

I am developing a browser application using a combination of the following npm build tools Browserify Coffeeify Watchify The scripts part of my package.json file is: "scripts": { "build": "browserify -t coffeeify init.coffee -o…
Lyuben Laskin
  • 81
  • 1
  • 4
2
votes
1 answer

React Gulpfile watchify not updating

I'm following a tutorial on Reactjs and we're using a Gulpfile to update the dependancies and build a single javascript file using browserify. For some reason there is no update whenever I change a line in a file.. This is my code. var gulp =…
Miguel Stevens
  • 8,631
  • 18
  • 66
  • 125
2
votes
1 answer

How do I watchify multiple targets in Gulp?

I am using browserify to listen to compile multiple files into multiple targets, like so (using this trick): gulp.task('js', function () { var bundler = through2.obj(function (file, enc, next) { browserify(file.path).bundle(function(err,…
Sander Marechal
  • 22,978
  • 13
  • 65
  • 96
2
votes
1 answer

Browserify and Reactify source maps include full local path names

I use watchify/ browserify to create a bundle with debug source maps with this command- watchify main.js -o bundle.js -v -d When I use Chrome DevTools to debug the resulting app, the source files are accessible in their orginal nested folder…
Dave Pile
  • 5,559
  • 3
  • 34
  • 49
2
votes
1 answer

Watchify pipe output to eslint

Would anyone know how I can pipe output from Watchify to eslint - and have it report linting issues in the CLI while still building the outputted JS ? Watchify states that you can pipe to a command using -o. watchify main.js -o 'uglifyjs -cm >…
Denim Demon
  • 734
  • 1
  • 10
  • 23
2
votes
1 answer

Watchify does not update when using Webstorm

I am using watchify with gulp. When using notepad++ to edit source code, watchify works fine, but it does nothing when I edit with Jetbrain Webstorm 8. Here is my gulpfile: var browserify = require('browserify'); var watchify =…
Console
  • 21
  • 2
2
votes
1 answer

Watchify Excluded File Compiling Issue

I am having trouble with Watchify when trying to exclude a file (like so in Browserify). Using this command: watchify scripts/main.js -o scripts/main.bundle.js -t strictify -v -x scripts/libs.js It compiles fine at first, but then gives an error…
David Sinclair
  • 4,187
  • 3
  • 17
  • 12
2
votes
3 answers

Command to watch and bundle using brfs without watchify

I'm trying to replicate the behavior of watchify with the brfs transform, but I need to use brfs directly because I want to avoid the additional code added to the script when using require with browserify/watchify. Using brfs directly simply…
Mr_Green
  • 40,727
  • 45
  • 159
  • 271
2
votes
1 answer

Watchify doesn't emit update event

I'm trying to build my bundle.js automatically with watchify, but unfortunately no update event is ever triggered when I save files. var bundler = watchify(browserify({ debug: true, entries: ['./js/main.js'], transform: "babelify", …
Szopinski
  • 790
  • 1
  • 10
  • 18
2
votes
1 answer

Browserify not watching required files

I have re-written my gulpfile recently and everything is working very well if not better than before except that on save, my main .coffee file will bundle, but none of the required files trigger a bundle and I can't figure out why. Here are my…
thesublimeobject
  • 1,393
  • 1
  • 17
  • 22
2
votes
1 answer

Specify one normal task and one watching task with Grunt Browserify

I use Watchify (via grunt-browserify) for fast compilation during local dev: grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), browserify: { app: { src: './src/app.js', dest: 'build/js/app.js' …
sennett
  • 8,014
  • 9
  • 46
  • 69
1
vote
0 answers

"npm watch" command not working, but "npm run watch" command is working

Its said that npm start and npm run start are same, then in my case npm run watch is working fine but npm watch is not working, Following is the error when i run npm watch is: Usage: npm where is one of: access, adduser,…
gilly
  • 11
  • 1
  • 4
1
vote
3 answers

watchify error - npm ERR! missing script: watch

I am trying to figure out how to use this library called simple-peer, so I have setup a test project. It has the following dir structure: and this is the content of my package.json file: { "author": "Latheesan Kanesamoorthy", "name":…
Latheesan
  • 23,247
  • 32
  • 107
  • 201
1
vote
1 answer

get blob error after using watchify to make a bundle

What I am trying to do? I want to create a project using node modules and es6 javascript syntax. To make it as modular and independent as it is possible, I decided to switch to watchify. My html page is looking something like this ...some…