snowpack 事始め
おもろそうだったので様子見
pika の系譜らしい
元々
@pika/web だったのが snowpack になったっぽいshelly add preact
y add -D snowpack
snowpack
y add -D serve
serve
open http://localhost:5000index.html<div id="app"></div>
<script type="module" src="/src/app.js"></script>src/app.jsimport { h, Component, render } from '/web_modules/preact.js'
const app = h('div', null, 'Helloooo')
render(app, document.getElementById('app'))動く
shelly add htm
snowpacksrc/app.jsimport { h, Component, render } from '/web_modules/preact.js'
import htm from '/web_modules/htm.js'
const html = htm.bind(h)
const app = html`
<div>yo yo</div>
`
render(app, document.getElementById('app'))動く
shelly add csz
snowpacksrc/app.jsimport { h, Component, render } from '/web_modules/preact.js'
import htm from '/web_modules/htm.js'
import css from '/web_modules/csz.js'
const html = htm.bind(h)
const style = css`
color: #f00;
`
const app = html`
<div class="${style}">yo yo</div>
`
render(app, document.getElementById('app'))動く
一応 netlify にデプロイするとこまでやった
