Question

68

How to correctly include lodash/underscore on website with conflicting libs?

rated 0 times [ 70] [ 2] / answers: 1 / hits: 22143 / 10 Years ago, fri, december 19, 2014, 12:00:00

I have a website that includes a number of third-party js modules via script tag. I need to add lodash or underscore for my code, but if I simply add it from CDN like this:

<script src=https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js></script>

then badly written libs die terrible death because they expect _ to be something else. I know that lodash/underscore have something called no conflict mode, that requires js code to be executed:

var lodash = _.noConflict();

But this code needs to be executed somewhere, and it's really hard for me to ensure that it's executed before all badly written libs. Is it any simple way to include lodash already in noconflict mode, so i don't need to search for a safe place to enable noconflict mode manually? like lodash.min.noconflict.js?

Answers

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

ryderalfonsos

Add To Favorites

Follow

Total Points: 655

Total Questions: 88

Total Answers: 91

Location: Nauru

Member since Thu, Feb 2, 2023

1 Year ago

ryderalfonsos questions

1 React application with Service Worker - Force update of browser cache on new version

Tue, Dec 1, 20, 00:00, 4 Years ago

1 Call Action Method on button click ASP.NET MVC

Mon, Sep 9, 19, 00:00, 5 Years ago

1 Customizing the JS/CSS in a TrustPilot widget

Wed, Feb 13, 19, 00:00, 5 Years ago

1 How to display a string javascript in HTML

Tue, Feb 12, 19, 00:00, 5 Years ago

1 How to make an undo function in canvas?

Fri, Dec 28, 18, 00:00, 6 Years ago

View All

answered 10 Years ago davion · Accepted Answer

As long as there are no relevant async scripts before the manual method, it should always work:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js"></script>

<script>

_u = _.noConflict(); // lets call ourselves _u

</script>

It makes no difference if other scripts set/use _ before or after this.
(lodash remembers the last setting of _ and restores it on the _.noConflict() call.)

But if scripts before this are async there is always a possibility that they are allowed to execute between these two scripts. You would have to either use AMD or combine the manual setting into the same script as lodash to avoid races with async scripts.