How To Create A Build System With NPM Scripts (3/3)

How To Create A Build System With NPM Scripts (3/3)

shared hosting npm

Daily Webdev Newsletter:

Premium and FREE Courses:

$100 DigitalOcean hosting coupon:

Like my videos and tutorials? Consider donating:


In this three part live coding series, we will create a simple build system that compiles our SCSS files down to a single CSS output. We will also leverage the power of Browserify to recursively bundle all our Javascript files into a single output.

Don’t forget to subscribe! Really appreciate it!

$10 DigitalOcean hosting coupon:
Best Shared hosting:

Premium Courses: (
ES6 for Everyone — The best way to learn modern ES6 JavaScript (
Sublime Text Power User Book (
React For Beginners (

I Found an Answer by Twin Musicom is licensed under a Creative Commons Attribution license (

6 thoughts on “How To Create A Build System With NPM Scripts (3/3)

  1. its giving error i am using http-server instead of python server . Is it possible to run by script
    package.json updated —

    "server": "cd build && http-server",
    "start": "nodemon -e js,scss -x "npm run build && npm run server" –ignore build/",

    >npm run start

    > [email protected] start C:rupamprojectnpmnpm-browserify-mocha
    > nodemon -e js,scss -x "npm run build && npm run server" –ignore build/

    [nodemon] 1.12.1
    [nodemon] to restart at any time, enter `rs`
    [nodemon] watching: .
    [nodemon] starting `npm run build && npm run server`
    throw er; // Unhandled 'error' event

    Error: spawn cmd ENOENT
    at _errnoException (util.js:1019:11)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:192:19)
    at onErrorNT (internal/child_process.js:374:16)
    at _combinedTickCallback (internal/process/next_tick.js:138:11)
    at process._tickCallback (internal/process/next_tick.js:180:9)
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! [email protected] start: `nodemon -e js,scss -x "npm run build && npm run server" –ignore build/`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the [email protected] start script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

    npm ERR! A complete log of this run can be found in:

  2. The code you write cannot be read without going full-screen. This is a hinderance to typing code into our own editor and following along. There are techniques for doing YouTube presentations that allow viewers to read the code when the video is toggled into Theater Mode.

    I'll leave that up to you as your next excercise. 🙂

    Otherwise, an excellent introduction to using npm as a build tool. Thank you

Leave a Reply

Your email address will not be published. Required fields are marked *