Including via <script> tag?

[odigity]

Is it possible to simply load the Re-base library via a <script> tag? I don't have a build process set up for my current project, and I haven't learned Webpack yet, but it looks like there are Webpack references throughout the code...

(I did try including the dist/bundle.js file from github, but when I try to call Rebase.createClass(), I get a Rebase not defined error.)

[qwales1]

@odigity The current webpack configuration does not expose Rebase as a global variable so it wouldn't work in a script tag. It could be changed though to allow for this. I am not going to have access to a computer for another week or so but would be glad to help when I get back and can give more detailed steps.

[haluvibe]

have you tried create react app repository? It is the official supported build tool for React by facebook. Fully featured build tool with no configuration needed

[odigity]

@haluvibe I have not. I'm specifically trying to avoid requiring a build process for my current project as it's intended to be an instructional demo for kids, and I want to keep things as simple as possible.

And really, it should be possible to load important JS libraries via script tag for quick hacking and experimentation without having to have a local dev env and tons of modules installed, at least if you want to make it easier to try out re-base.

For now, I guess I'll skip it and wire up React to Firebase manually. :(

[qwales1]

@odigity sorry for the delay responding to this. It is possible to expose Rebase as a global variable. Can you try this branch and see if you run into any issues? The file to include is /dist/Rebase.js and you would need to include firebase before it. It will expose the lib as Rebase

[odigity]

@qwales1 No need to apologize, 1 day is very prompt in GitHub land - and I went 16 days in between comments. :)

I've already started building my app without rebase, which is not a bad thing, as this is my first app using either React or Firebase, and staying close to the framework and doing the wiring myself is a great learning opportunity.

But I'll try to circle back soon when I get a break and try out your suggestion. (I'll add it to my todo list.)

[bdougie]

@odigity unpkg.com is a great tool to include npm packages in script tags. Include the following in a script perhaps. Let me know if this helps

https://unpkg.com/[email protected]/dist/bundle.js