root と outDir を設定する root を設定する。 初期で作成される index.html がプロジェクトフォルダのルートにある構成は、将来的にゴッチャになっていきそうなので、以下の様な ./src に開発で編集するファイルが入ってる構成にしたい。 . ├── node_modules/ ├── favicon.svg ├── package-lock.json ├── package.json └── src/ ├── index.html └── main.js
先日発表されたThe State of JavaScript 2021では98%の満足度を獲得しエンジニアからの高い注目度がうかがえるViteですが、ビルドツールのため静的なページの生成には別途仕組みが必要になるかと思います。 公式のテンプレートにはVueやReactなどがサポートされていますが、これらは学習コストやプロジェクトの要件にもより気軽に導入できるものではないかもしれません。 そこで今回はページの生成に静的サイトジェネレーターのEleventy(以下、11ty)を利用し、Viteの高速な開発体験の恩恵を受けつつ11tyでページを生成するシンプルな静的サイトの開発環境を作ってみたいと思います。 ※11tyについての記事はこちら (バージョンが記事公開時より更新されていますので利用の際は公式ドキュメントをご確認ください) 環境Node.js: v16.12.0 ※Viteの利用には1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く