How can I prevent mockServiceWorker.js from being included in my Vite prod build?

[jasikpark]

I'm using MSW with MirageJS in a Vite app, and mockServiceWorker.js is hosted from /public, which is an issue since it also gets copied into the production site. Is there a way to only add the file when in dev mode?

[dyljhd]

#291 (comment)

[jasikpark]

Found a simple solution for our purposes a bit back:

if (typeof process.env.VITE_MOCK_API !== 'undefined') {
    plugins.push(
      viteStaticCopy({
        targets: [
          {
            // Only serve MSW when API is mocked.
            src: 'test-setup/mockServiceWorker.js',
            dest: '/',
          },
        ],
      })
    );
  }

We just copy from a regular path into the dist only in dev.

[jasikpark]

Thx for the help 💜