How can I ‘require’ CommonJS modules in the browser? [closed]

by

I have used RequireJS extensively in the past (implementation on BBC iPlayer in 2010) and it works well. It can handle CommonJS modules, but it needs an additional wrapper, which I find annoying.

If you want to use those modules in Node.js as well, you need to use RequireJS on the server side as well, which I don’t like doing since it is not idiomatic Node.js JavaScript code.

I have used webmake and Browserify in the past year on a few projects. Initially, the compilation step put me off, but having used it extensively this year, I can say that this is not an issue.

Browserify has a watch function included, which works very well. Webmake can be hooked up to a watcher (such as watchr) or, you can use the webmake-middleware module, which can be used as part of an Express.js or connect application. This has the advantage that rather than compiling the JavaScript on each save, it is only compiled when you actually request it.

Connect makes it trivial to create a server (also static), so you could create a tiny static Node.js server to serve up your files if you want to develop your frontend without a backend.

Bonus: There isn’t any need for a build script as you always deal with the built code.

More Related Contents:

  1. module.exports vs exports in Node.js
  2. Difference between “module.exports” and “exports” in the CommonJs Module System
  3. How to stop babel from transpiling ‘this’ to ‘undefined’ (and inserting “use strict”)
  4. Load “Vanilla” Javascript Libraries into Node.js
  5. How to check whether a script is running under Node.js?
  6. In the `import` syntax of ES6, how is a module evaluated exactly?
  7. Typescript compiler error when importing json file
  8. Node.js – use of module.exports as a constructor
  9. Mocha / Chai expect.to.throw not catching thrown errors
  10. Callback after all asynchronous forEach callbacks are completed
  11. Why does a while loop block the event loop?
  12. Relation between CommonJS, AMD and RequireJS?
  13. Rest with Express.js nested router
  14. What is NODE_ENV and how to use it in Express?
  15. Send a message with Discord.js
  16. Creating Rooms in Socket.io
  17. Running multiple Node (Express) apps on same port
  18. Difference between RequireJS and CommonJS
  19. Formatting ISODate from Mongodb
  20. javascript – Why is there a spec for sync and async modules?
  21. Optimized merge sort faster than quicksort
  22. Using ‘let’ as a variable name is not throwing any errors in google v8
  23. Why is node.js asynchronous?
  24. ER_NOT_SUPPORTED_AUTH_MODE – MySQL server
  25. Difference of using async / await vs promises?
  26. Firebase TypeError: Cannot read property ‘val’ of undefined
  27. ECMA6 generators: yield promise
  28. sails.js access controller method from controller method
  29. Node.js console.log(object) prints empty object
  30. detect whether ES Module is run from command line in Node

Leave a Comment