Create-react-app: Webpack ProvidePlugin

[avilang]

Hi, I'm wondering if create-react-app supports ProvidePlugin.I'm afraid that the answer for this will just be "eject"

[gaearon]

No, it doesn’t. Why do you need it?

[avilang]

@gaearon I think automatically load modules is a good ideas instead of having to import or require them everywhere

[fparga]

@gaearon What’s the best way to use libraries that need to have some globally available dependencies then?

For example, golden-layout needs to have react, react-dom and jquery.

[strayiker]

@fparga, @avilang You can manually push this dependencies to the window. Something like this:

// globals.js
import React from 'react';
import ReactDOM from 'react-dom';
import jquery from 'jquery';

window.React = React;
window.ReactDOM = ReactDOM;
window.jQuery = jquery;
window.jquery = jquery;
window.$ = jquery;

// index.js cra entry
import './globals'; // <-- first line
...

[avilang]

@strayiker I know but I don't think this is a good solution

[Timer]

The solution explained by @strayiker is much better than using provide plugin.

[erikaperugachi]

No, it doesn’t. Why do you need it?

For example: react-trumbowyg this componet need set up jquery fot this way

[gaearon]

For example: react-trumbowyg this componet need set up jquery fot this way

It should still work if you do this: https://github.com/facebook/create-react-app/issues/4281#issuecomment-381119612

[erikaperugachi]

For example: react-trumbowyg this componet need set up jquery fot this way

It should still work if you do this: #4281 (comment)

With your permission, I will do 👍🏻

[gaearon]

Let us know if it doesn't work out and maybe we can help more.

[erikaperugachi]

Let us know if it doesn't work out and maybe we can help more.

It does not work in my case :(

[gaearon]

@erikaperugachi Can you provide a complete example project that shows it not working?

[gaearon]

You can see it works fine here: https://codesandbox.io/s/y3x48qv3kj

Feel free to download the project (there's a button in CodeSandbox on the top panel) and try it.

[erikaperugachi]

You can see it works fine here: https://codesandbox.io/s/y3x48qv3kj

Feel free to download the project (there's a button in CodeSandbox on the top panel) and try it.

Thank you, my bad was put this import "./globals"; after import Trumbowyg from 'react-trumbowyg'

You are awesome! thank for your time

[remkst777]

@fparga, @avilang You can manually push this dependencies to the window. Something like this:

// globals.js
import React from 'react';
import ReactDOM from 'react-dom';
import jquery from 'jquery';

window.React = React;
window.ReactDOM = ReactDOM;
window.jQuery = jquery;
window.jquery = jquery;
window.$ = jquery;

// index.js cra entry
import './globals'; // <-- first line
...

thank you, i did global only $ and it didnt work