wehub-resource-sync
31 lines
966 B
TypeScript
31 lines
966 B
TypeScript
import { defineConfig } from "vite";
|
|
|
|
/**
|
|
* Mirrors the package bundler's CSS-as-string behavior for the standalone
|
|
* harness. The inspector injects generated.css into Shadow DOM via unsafeCSS,
|
|
* so the dev server rewrites that package-local import to Vite's raw string
|
|
* loader without changing production source.
|
|
*/
|
|
export default defineConfig({
|
|
plugins: [
|
|
{
|
|
name: "web-inspector-css-raw-import",
|
|
enforce: "pre",
|
|
transform(code, id) {
|
|
if (!id.endsWith("/src/index.ts")) return null;
|
|
const cssImport =
|
|
'import tailwindStyles from "./styles/generated.css";';
|
|
if (!code.includes(cssImport)) {
|
|
throw new Error(
|
|
"web-inspector dev CSS transform expected src/index.ts to include the generated.css import",
|
|
);
|
|
}
|
|
return code.replace(
|
|
cssImport,
|
|
'import tailwindStyles from "./styles/generated.css?raw";',
|
|
);
|
|
},
|
|
},
|
|
],
|
|
});
|