Provide a way to define build time global variables like webpack define plugin

[shirshendubhowmick]

Is there any alternative / equivalent way of defining build time global variable during build like we can do with webpack define plugin ?

Use case:

I have to pass version information (which is only available during build time) to the application for usage with Sentry.init

[sergiodxa]

There’s no way to customize the compiler, you can run your own script before and after Remix build manually thought

[shirshendubhowmick]

Any plan of adding support for a pluggable / customisable build system ?

I have worked with multiple CSR apps bundled using webpack and from that experience I have seen certain use cases which were solved by developing custom loader / plugin.

A few examples will be:

• Custom CSS loading pipeline
• Automatic test ID generation and insertion
• Multi tenancy support

Porting of these apps to Remix will be tricky for the use cases mentioned above.

[michaelgmcd]

I am running into this as well (for Sentry too). I've ended up patching @remix-run/dev to allow custom "define" values in the remix config to be replaced in the browser build. Doing this in a custom script is doable but becomes cumbersome when running the dev server.

[gustavopch]

I've also patched. Would like to see a define config officially supported by Remix.

[shirshendubhowmick]

Have changed this from Q&A to proposal

[sahithyandev]

Any improvements on this proposal?

[gustavopch]

Pretty sure you can simply use Vite's define config these days.

[tombohub]

but remix doesn't have vite.config. version 2.6.0

[cliffordfajardo]

@tombohub

Creating a new remix app on v2.6.0 & I see the vite.config.ts file?

npx create-remix --template remix-run/remix/templates/unstable-vite-express

[tombohub]

@cliffordfajardo thanks, and this template can also run on fly? Should I just use plain vite template?

[cliffordfajardo]

yes, I've gotten remix to work on fly
I remeber being surprised by how simple the process was, it was just a few commands to get it deployed. I used the remix express template

I think its pretty much something like this (docs may have changed), you might have to fiddle with it. you can create another github discussion for remix+fly since this original discussion might get confusing 😉

cd my-remix-app
fly launch