Question

70

How to use npm installed requireJS for browser

rated 0 times [ 73] [ 3] / answers: 1 / hits: 21940 / 8 Years ago, mon, february 15, 2016, 12:00:00

While requirejs is capable of using npm-installed modules, how do I use requirejs in first place if itself is installed via npm install requirejs?

I have read examples of using requirejs listed in the example-section. They all seems to assume require.js is downloaded into a specific location. Since the documentation specifically said

do not do something like require(./node_modules/foo/foo).

I guess it is not right to put in index.html something like:

<html>

    <head>

        <script data-main=scripts src=node_modules/requirejs/require.js></script>

    </head>

    <body>

        <h1>Hello World</h1>

    </body>

</html>

What is the recommended way to use requirejs if it is npm-installed? If I missed something from the documentation please let me know. Thank you

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

raynamadilynl

Add To Favorites

Follow

Total Points: 653

Total Questions: 110

Total Answers: 98

Location: Honduras

Member since Sat, Jul 24, 2021

3 Years ago

raynamadilynl questions

1 How to hide the Sidebar Nav Menu when a User clicks outside of it using Vue js?

Mon, Oct 5, 20, 00:00, 4 Years ago

1 Token Authentication with Axios in React

Sat, May 2, 20, 00:00, 4 Years ago

1 Error Tex image TEXTURE_2D level 0 is incurring lazy initialization on WebGL

Sat, Aug 31, 19, 00:00, 5 Years ago

1 How to Omit multiple properties in a succint way using Omit< >

Thu, Aug 22, 19, 00:00, 5 Years ago

1 Cypress - Can't type in field

Fri, May 31, 19, 00:00, 5 Years ago

View All

answered 8 Years ago cartersinceren · Accepted Answer

It looks like you are conflating a bunch of different uses of RequireJS:

How can you use a RequireJS installed through Node in the browser?

You can just install it with npm install requirejs, and then you have your HTML file have a script element that points to node_modules/requirejs/require.js. Exactly as you show in your code snippet. That's all there is to it. This being said, I don't like to have node_modules in what I deploy, so I typically have my build process copy require.js elsewhere.

How can you load npm-installed modules with RequireJS in Node?

Suppose without RequireJS you would load the module foo by doing require('foo'). You install RequireJS and load it as requirejs. How do you load foo using RequireJS? You can just do requirejs('foo'). So long as RequireJS does not find it through its own configuration, it will issue as a last resort a call to Node's own require, and will load it this way? Here's an illustration. Install RequireJS with npm install requirejs. Create this file:
```
var requirejs = require(requirejs);



var fs = requirejs(fs);

console.log(fs);
```
Then run it. You'll get on the console Node's fs module.

How can you load npm-installed modules with RequireJS in a browser?

It depends on the modules. RequireJS does not contain code that will magically make a npm-installed module work in the browser. It ultimately depends on how the modules are structured. Some cases:

A. Some npm-installed modules can be loaded with RequireJS without modification. There's one library I've authored which is distributed through npm and yet is a collection of AMD modules. It is trivial to load them with RequireJS in the browser.

B. It may require being wrapped in define calls. I've recently loaded merge-options in one of my projects with gulp-wrap-amd. merge-options is a CommonJS module. It does not support RequireJS out-of-the-box but if you wrap it with a define call, it will work.

C. It may require something more complex before it will be loaded in a browser. For instance, if a module relies on Node's fs module, you'll have to provide a replacement for fs that runs in a browser. It will presumably present a fake filesystem to your code.