How to use Lodash

Question

I would simply like to use the functions from Lodash on my website.

I included this in the <head> section:

<script scr="https://cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js"></script>

What else should I do? I tried to add:

<script>
    var _ = require('lodash');
</script>

But I get the following error:

Uncaught ReferenceError: require is not defined

You don't need `require`. You use `_` directly. Since you've incuded the `js` file, you can use it like you do with jquery. — ADreNaLiNe-DJ, Jun 05 '18 at 14:14

Luca Kiebel · Accepted Answer · 2022-08-18T07:27:29.110

25

If you load in Lodash using a script tag, the script will automatically expose the _ function, and you can directly use it after including it in the document:

document.querySelector("body").onload =
    function() {console.log(_.sample([1, 2, 3, 4]))}

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>

No need to require the function.

edited Aug 18 '22 at 07:27

answered Jun 05 '18 at 14:18

Luca Kiebel

9,790
7
29
44

score -2 · Answer 2 · edited Aug 04 '22 at 10:49

-2

Use:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
<script src="lodash.js"></script>

Put these two lines of code in head, and you are ready to use Lodash in your JavaScript files.

edited Aug 04 '22 at 10:49

Peter Mortensen

30,738
21
105
131

answered May 04 '21 at 19:48

Ilija Radovanović

1
2

not working. I want to use lodashjs in javascript file. I want to use compose function. Can someone help? – sudhanshu Mar 02 '22 at 02:54

How to use Lodash

2 Answers2