svelte compile for php include

compile.js

const fs = require('fs');
require('svelte/register');

const Component = require('./Widget.html').default;

const { head, html, css } = Component.render({
	answer: "cms-string-content"// pass in cms values as props
});

fs.writeFileSync("output/styles.css", css.code);
//write out for content editor
fs.writeFileSync("output/index.html", html)

index.php

<?php echo "hello world" ?>

<style>
<?php include 'output/styles.css';?>
</style>

<?php include 'output/index.html';?>

package.json

{
  "name": "svelte-compile",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "node compile; echo see output dir",
    "serve":"php -S 127.0.0.1:8080"
  },
  "keywords": [],
  "author": "Franz",
  "license": "ISC",
  "devDependencies": {
    "svelte": "^3.24.1"
  }
}

Widget.html

<script>
	export let answer=""
</script>

<style>
.encapsulated-style-here {
	color: red;
}
</style>

<div class="encapsulated-style-here">
	{answer}
</div>