実現したいこと

Srcフォルダ以下のファイル群をすべてビルドしたい

前提

ViteとTypeScriptにてフロントエンドのライブラリを作成しています。
main.tsからts/*.tsをインポートしています。
index.htmlからはmain.tsのみを読み込んでいます。
ファイルの構成は以下の通りです。

.
├── ./dist
│   ├── ./dist/assets
│   ├── ./dist/index.html
├── ./index.html
├── ./node_modules
├── ./src
│   ├── ./src/main.ts
│   ├── ./src/style.css
│   ├── ./src/ts
│   │   ├── ./src/ts/canvas.ts
│   │   ├── ./src/ts/chart.ts
│   │   └── ./src/ts/util.ts
│   └── ./src/vite-env.d.ts
├── ./tsconfig.json
└── ./vite.config.ts

※説明に不要なファイルやディレクトリは省略しています

発生している問題・エラーメッセージ

main.tsのみがビルドされる

該当のソースコード

index.html

html
1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>Chart Practice</title>
7  </head>
8  <body>
9    <div id="app">
10    </div>
11    <script type="module" src="/src/main.ts"></script>
12  </body>
13</html>

main.ts

ts
1import './style.css'
2import { Chart } from './ts/chart.ts'
3
4window.addEventListener('load', ()=>{
5// Something
6})

./ts/chart.ts

ts
1class Chart{
2//Something
3}
4

試したこと

vite.config.tsとtsconfig.jsonの両方にincludeオプションにてSrcディレクトリを指定した

tsconfig.json

json
1{
2  "compilerOptions": {
3  ...
4  "include": ["src/**/*"],
5  "exclude": ["node_modules"]
6}
7

vite.config.ts

ts
1import { defineConfig } from 'vite';
2import typescript from '@rollup/plugin-typescript';
3
4export default defineConfig({
5    build: {
6        sourcemap: true,
7        minify: false,
8    },
9    esbuild: {
10        include: ["src/**/*"],
11        exclude: ["node_modules"]
12    },
13    plugins:[
14        typescript()
15    ]
16})
17
18

補足情報（FW/ツールのバージョンなど）

vite -v
vite/4.3.9 win32-x64 node-v18.14.0

tsc -v
Version 5.1.3

行動規範の内容に同意します

回答1件

自己解決

main.tsにてChartを利用していなかったのが原因でした。
正確にはas句を使うだけではインポートしたファイルがトランスパイルされませんでした。

OK

main.ts

ts
1import './style.css'
2import { Chart } from './ts/chart.ts'
3
4window.addEventListener('load', ()=>{
5  let hoge = new Chart(); //これはOK
6})

NG

main.ts

ts
1import './style.css'
2import { Chart } from './ts/chart.ts'
3
4window.addEventListener('load', ()=>{
5  let fuga = getChart() as Chart; //これはダメ
6})