fresh について勉強する

fresh は deno 製の webアプリフレームワーク。 学んだこと

• deno.json の imports について
• fresh のアーキテクチャについて

deno.json の imports について

{
  "imports": {
    "@/": "./",
    "@lib/": "./lib/",
    "marked": "npm:marked@^13.0.2",
  }
}

上記、marked みたいにパッケージを deno.json で import することができる。左側は alias 名。名付けた alias 名でパッケージを使用することができる。これはパッケージ名の衝突を避けることができるんだと思う。 また、deno.json の imports の特徴的な機能として、既存のフォルダ構成にエイリアスをつけることができる。"@/": "./",みたいにプロジェクトのルートにエイリアスをつけることができる。

なので、使う側で下記のように使うことができる。(下記、公式から抜粋)

// With @/ alias
import { define } from "@/utils.ts";
import { Button } from "@/components/Button.tsx";

fresh のアーキテクチャについて

fresh のアーキテクチャについて下記だと理解した。