Opt-out of asset inlining - with SSR support about vite

[sapphi-red]

Vite 5.1+ supports callback style build.assetsInlineLimit. You can filter individual files with it.

assetsInlineLimit: (file) => {
    return !file.endsWith('.svg');
}

[hyunbinseo]

@sapphi-red Thank you. Forgot to mention it in the issue body.

However, I am not sure if it is a friendly DX - especially for specific files.

const configuration = {
  build: {
    assetsInlineLimit: (file) => {
      const pathnames = [`${process.cwd()}/src/lib/static/background.svg`];
      if (pathnames.includes(file)) return false;
    },
  },
};

// vs

import background from '$lib/static/background.svg?url';

[bluwy]

Related: #15454

[sapphi-red]

The downside of using a query is the possibility of bundling a single file both as inlined and as non-inlined.

import backgroundUrl1 from './background.svg?non-inlined-url' // https://...
import backgroundUrl2 from './background.svg' // data:...