includeAssetsImportedByServer
This config is experimental and its behavior may change in any
vite-plugin-ssr
minor version update.
By default, static assets (CSS, images, ...) cannot be imported by server-side-only code.
But we can set includeAssetsImportedByServer
to true
to enable static assets to be imported from server-side-only code.
For example:
// /**/*.page.server.js
// Environment: Node.js
// This file is loaded *only* in Node.js
// We need to set `includeAssetsImportedByServer` to `true` if we want
// `some-style.css` to be included, otherwise it will be ignored.
import './some-style.css'
// Same for other static assets such as images, fonts, etc.
import imageUrl from './some-image.svg'
// Prints `undefined` if `includeAssetsImportedByServer` isn't `true`.
console.log(imageUrl)
// vite.config.js
import { ssr } from 'vite-plugin-ssr/plugin'
export default {
plugins: [
ssr({
includeAssetsImportedByServer: true
})
]
}