HeRo https://blog.hatena.ne.jp/HeRo/ アクトインディ開発者ブログ https://tech.actindi.net/ morishita web morishitaです。 前回のエントリでフロントエンドフレームワーク Svelte を紹介しました。 tech.actindi.net 今回は Svelte で Web Components を作ってみようと思います。 Svelte 入門に書いた Typescript, Pug, Sass を使えるようにした状態を前提とします。 Web Components のための設定 Svelte コンポーネントを Web Components としてビルドするにはrollup.config.js の svelte の設定に追加が必要です。 以下に rollup.config.js の抜粋を示しますが、… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.actindi.net%2F2021%2F04%2F05%2F080000" title="SvelteでWeb Componentsを作ってみた - アクトインディ開発者ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/H/HeRo/20210318/20210318000517.png Hatena Blog https://hatena.blog 2021-04-05 08:00:00 rich https://tech.actindi.net/2021/04/05/080000 1.0 100%