Making Some Packages or Components Global

help
1

I’m looking for a way to make a few things global. I’d love to not have to import React into every file that I use as well as some components. For instance I use a styled component so much that it would be amazing to have it just be available without importing everywhere.

While I want to use explicit imports nearly everywhere, I’m wondering if there is some good way in Meteor’s system to have some items like the previously mentioned global.

2

How about just…

// in your entry point file, eg. main.js
import React from 'react';

window.React = React;

…?

3

That would work, but I’m rendering React components server side.

4

If you’re trying to do this specifically for the React import, you can use https://www.npmjs.com/package/babel-plugin-react-require to do it for you.

2 Likes
5 
import React from 'react';

global.React = React;

…?