23

When I open console of Chrome 14 and type...

require (or require(), if that matters)

I get: ReferenceError.

This means that JavaScript doesn't have that function by default, right? At least on web browsers.

Why I'm talking about that?
I needed Markdown parser for JavaScript.

What to do?
I, as usually, opened GitHub and searched for it. The first results that matched my needs was this and this.

Usually (I'm not that good with JavaScript) I include script I want to use before my code using <script /> tag and then... well - use it. But this time I don't get what's happening... :(

Usage for #1 script:

var input = "# Heading\n\nParagraph";
var output = require( "markdown" ).toHTML( input );
print( output );

Usage for #2 script:

var marked = require('marked');
console.log(marked('i am using __markdown__.'));

Where does that require() came from? Thanks in an advice! :)

Elavarasan Muthuvalavan - Lee
  • 1,960
  • 1
  • 22
  • 33
daGrevis
  • 21,014
  • 37
  • 100
  • 139
  • See also [related question](https://stackoverflow.com/q/41607352/5362795) on how to choose specific identifiers such as a specific function, to achieve similar functionality as `import`. – Nagev Dec 16 '21 at 14:35

2 Answers2

26

It's a way to include node.js packages. Luckily, the first package you linked to, markdown-js, is very smart. It checks whether it is included as a node package, and if not, will set the markdown object to window.markdown. So all you have to do is include this file in a <script> tag and you should be able to use the markdown object from the global scope.

Alex Turpin
  • 46,743
  • 23
  • 113
  • 145
5

From the page you link to:

The simple way to use it with CommonJS is:

Looks like require comes from CommonJS

Quentin
  • 914,110
  • 126
  • 1,211
  • 1,335
  • You can also pack CommonJS/Node.js modules for browser with Webmake - https://github.com/medikoo/modules-webmake . Mind however that modules to be ported, should not depend on Node.js native modules (like `fs` or `path`), if it's the case, you need to shim those native modules for Browser (there are already some shims available on Github). – Mariusz Nowak Jul 26 '12 at 19:16