#Svelte #Svelma #Sapper
[[Sapper]]のプロジェクトに[[Svelma]]を導入してみた。[[📜SapperでTypeScriptプロジェクトを作ってみる]]のあとの話。
`参考` https://github.com/c0bra/svelma
## インストール
```shell
npm i bulma svelma
npm i -D node-sass rollup-plugin-postcss
```
- `svelte-preprocess`は[[Sapper]]で導入済みだったため除外
- `node-sass`もいらないかも..?
## 設定
公式READMEでは`rollup.config.js`を変更しているが、`post.css`を読み込むと逆に動かなくなった..。
`_layout.svelte`
```svelte
<script>
import 'bulma/css/bulma.css'
</script>
```
## トラブル
- [[SvelmaでPostCSS plugin postcss-noop-plugin requires PostCSS 8.]]
- CSSが反映されない
- [[📝Svelmaでis not a valid SSR componentエラーになる]]
- FormとInputが使えないのは致命的
- [[📝SapperのSSRを無効化できない]]ため解決できない
==ここから先に進めない==