diff options
| author |  Matthew Phillips <matthew@matthewphillips.info>
| 2021-12-21 11:57:50 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-12-21 11:57:50 -0500 |
| commit | 9aff6eee717abcea781410cb3dd22c47d26ecc37 (patch) | |
| tree | ed92e9e83da87b89b1be1cc894061845f5623677 /examples/fast-build/src | |
| parent | 83053bcae912edf860a553f1bae9b85e085b0fdb (diff) | |
| download | astro-9aff6eee717abcea781410cb3dd22c47d26ecc37.tar.gz astro-9aff6eee717abcea781410cb3dd22c47d26ecc37.tar.zst astro-9aff6eee717abcea781410cb3dd22c47d26ecc37.zip | |
Flagged static (performance optimized) build (#2168)
* Progress on build demo
* Go back to ESM
* Some more progress on the new build
* More progress here
* Add support for hot reload
* Almost done
* Remove debugging stuff
* chore(lint): Prettier fix
* Pass through the origin
* Do not use ssr mode
* Use the logger
* chore(lint): Prettier fix
* Update yarn lock
* Fix types
* Only build chunks that are astro pages
* Debugging windows
* Prevent compilation race condition
* Read the file if not found in the cache
* Give a better error message when we can't find a page
* chore(lint): Prettier fix
* Fix windows maybe
* chore(lint): Prettier fix
* Some more windows debugging
* chore(lint): Prettier fix
* Remove console logs
* More debugging
* chore(lint): Prettier fix
* More debugging info
* chore(lint): Prettier fix
* Remove logging again
* Try to prevent port conflicts
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Diffstat (limited to 'examples/fast-build/src')
| -rw-r--r-- | examples/fast-build/src/components/Greeting.vue | 20 | ||||
| -rw-r--r-- | examples/fast-build/src/images/penguin.jpg | bin | 0 -> 12013 bytes | |||
| -rw-r--r-- | examples/fast-build/src/images/random.jpg | bin | 0 -> 14553 bytes | |||
| -rw-r--r-- | examples/fast-build/src/pages/index.astro | 32 | ||||
| -rw-r--r-- | examples/fast-build/src/styles/global.css | 3 |
5 files changed, 55 insertions, 0 deletions
diff --git a/examples/fast-build/src/components/Greeting.vue b/examples/fast-build/src/components/Greeting.vue new file mode 100644 index 000000000..69fa4fbca --- /dev/null +++ b/examples/fast-build/src/components/Greeting.vue @@ -0,0 +1,20 @@ +<script> +export default { + data() { + return { + greeting: 'Hello World!', + }; + }, +}; +</script> + +<template> + <p class="greeting">{{ greeting }}</p> +</template> + +<style> +.greeting { + color: red; + font-weight: bold; +} +</style> diff --git a/examples/fast-build/src/images/penguin.jpg b/examples/fast-build/src/images/penguin.jpg Binary files differnew file mode 100644 index 000000000..6c5dcd37a --- /dev/null +++ b/examples/fast-build/src/images/penguin.jpg diff --git a/examples/fast-build/src/images/random.jpg b/examples/fast-build/src/images/random.jpg Binary files differnew file mode 100644 index 000000000..291883837 --- /dev/null +++ b/examples/fast-build/src/images/random.jpg diff --git a/examples/fast-build/src/pages/index.astro b/examples/fast-build/src/pages/index.astro new file mode 100644 index 000000000..b5b9785da --- /dev/null +++ b/examples/fast-build/src/pages/index.astro @@ -0,0 +1,32 @@ +--- +import imgUrl from '../images/penguin.jpg'; +import grayscaleUrl from '../images/random.jpg?grayscale=true'; +import Greeting from '../components/Greeting.vue'; +--- + +<html> +<head> + <title>Demo app</title> + <style> + h1 { color: salmon; } + </style> +</head> +<body> + <section> + <h1>Images</h1> + + <h2>Imported in JS</h2> + <img src={imgUrl} /> + </section> + + <section> + <h1>Component CSS</h1> + <Greeting /> + </section> + + <section> + <h1>ImageTools</h1> + <img src={grayscaleUrl} /> + </section> +</body> +</html>
\ No newline at end of file diff --git a/examples/fast-build/src/styles/global.css b/examples/fast-build/src/styles/global.css new file mode 100644 index 000000000..9f52e094e --- /dev/null +++ b/examples/fast-build/src/styles/global.css @@ -0,0 +1,3 @@ +body { + background: lightcoral; +} |
