ファイル構成

開発ファイル

📂 __assets/
├── 📂 htdocs/
│   └── 📂 js/
│       └── script.ts
└── 📂 _libs/
    └── 📂 script/
        ├── sub-script.ts
        └── sub-script2.js

type=moduleの環境であるため、ファイルの参照に拡張子は必須です。TypeScriptファイルを参照する際は.ts拡張子を.jsに変更する必要があります。

__assets/_libsはエイリアス@で参照できるようになっています。

import { subScript } from '@/script/sub-script.js';

エイリアスの変更

エイリアスは変更可能または追加することができます。tsconfig.jsonのpathsと、kamado.config.tsのscriptCompilerのaliasを変更してください。

{
	"compilerOptions": {
		"paths": {
			"@/*": ["./__assets/_libs/*"]
		}
	}
}

import type { UserConfig } from 'kamado/config';

import path from 'node:path';

import { scriptCompiler } from '@kamado-io/script-compiler';

export const config: UserConfig = {
	compilers: {
		script: scriptCompiler({
			alias: {
				'@': path.resolve(import.meta.dirname, '__assets', '_libs'),
			},
		}),
	},
};

export default config;

このaliasはesbuildの設定に影響します。

公開ファイル

__assets/htdocs/配下のファイルがビルドされてhtdocs/に出力されます。パス構造は維持されます。

📂 __assets/
├── 📂 htdocs/
│   └── 📂 js/
│       ├── script.ts
│       └── sub-script.ts
📂 htdocs/
└── 📂 js/
    ├── script.js
    └── sub-script.js