template-webpack CSS issue

README.md

Created with svelte.technology/repl

App.html

<div>
	<h1>Hello {name}!</h1>
	<Foo/>
</div>

<script>
export default {
  components: {
    Foo: "./Foo.html"
  }
};
</script>

<style>
	div {
		border: 4px solid yellow;
		margin: 1em;
	}
	h1 {
		color: purple;
	}
</style>

Bar.html

<div>
  <p>Bar</p>
</div>

<style>
div {
  border: 4px solid red;
  margin: 1em;
}
</style>

data.json5

{
  "name": "world"
}

Foo.html

<div>
  <p>Foo</p>
  <Bar/>
</div>

<script>
export default {
  components: {
    Bar: "./Bar.html"
  }
};
</script>

<style>
div {
  border: 4px solid orange;
  margin: 1em;
}
</style>

meta.json

{
  "svelte": true
}