Using Node.js modules in HTML

Question

I have the following Node.js project (which is a Minimal Working Example of my problem):

module1.js:

module.exports = function() {
          


        

Answer 1

The problem is that you're using CJS modules, but still try to play old way with inline scripts. That won't work, it's either this or that.

To take full advantage of CJS style, organize your client-side code exactly same way as you would for server-side, so:

Create client.js:

var module2 = require('./module2');
console.log(module2());  // prints: "this is module1! and this is module2!"

Create bundle with Browserify (or other CJS bundler of your choice):

browserify client.js > client.bundle.js

Include generated bundle in HTML:

<script src="client.bundle.js"></script>

After page is loaded you should see "this is module1! and this is module2!" in browser console

Answer 2

Your problems with Smoothie Require, were caused by a bug (https://github.com/letorbi/smoothie/issues/3). My latest commit fixed this bug, so your example should work without any changes now.

Answer 3

You can also try simq with which I can help you.