langfingaz/anki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

output embedded Svelte css into separate .css file for bundling

Browse Source
This commit is contained in:
Damien Elmes 2021-03-21 14:23:40 +10:00
parent 2658d9992e
commit e857aa2ea9
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ts/svelte/svelte.bzl
View File

@ -9,12 +9,13 @@ def _svelte(ctx):
args.add(ctx.file.entry_point.path)
args.add(ctx.outputs.mjs.path)
args.add(ctx.outputs.dts.path)
args.add(ctx.outputs.css.path)
args.add_all(ctx.files._shims)
ctx.actions.run(
execution_requirements = {"supports-workers": "1"},
executable = ctx.executable._svelte_bin,
outputs = [ctx.outputs.mjs, ctx.outputs.dts],
outputs = [ctx.outputs.mjs, ctx.outputs.dts, ctx.outputs.css],
inputs = [ctx.file.entry_point] + ctx.files._shims,
mnemonic = "Svelte",
arguments = [args],
@ -41,6 +42,7 @@ svelte = rule(
outputs = {
"mjs": "%{name}.svelte.mjs",
"dts": "%{name}.svelte.d.ts",
"css": "%{name}.svelte.css",
},
)

8
ts/svelte/svelte.ts
View File

@ -150,6 +150,9 @@ async function writeJs(
const processed = await svelte.preprocess(source, preprocessOptions);
const result = svelte.compile(processed.toString!(), {
format: "esm",
// FIXME: once we're bundling .css separately, set this to false so we don't
// also include it in the resulting .js
css: true,
generate: "dom",
filename: outputJsPath,
});
@ -160,6 +163,8 @@ async function writeJs(
}
const outputSource = result.js.code;
await writeFile(outputJsPath, outputSource);
const outputCss = result.css.code ?? "";
await writeFile(outputCssPath, outputCss);
} catch (err) {
console.log(`compile failed: ${err}`);
return;
@ -167,8 +172,7 @@ async function writeJs(
}
async function compileSvelte(args) {
const [sveltePath, mjsPath, dtsPath, ...tsLibs] = args;
const cssPath = sveltePath + ".css";
const [sveltePath, mjsPath, dtsPath, cssPath, ...tsLibs] = args;
const svelteSource = (await readFile(sveltePath)) as string;
const mockTsPath = sveltePath + ".ts";