Как настроить Bun для компиляции и объединения файлов TypeScript в каталог

Я создатель bun-plugin-html. Если вы хотите скомпилировать только файлы TypeScript, имея один каталог, я бы рекомендовал не использовать bun-plugin-html и делать то, что вы показали.

В конечном итоге это все равно приведет к созданию файлов JavaScript, таких как ./public/page1.js, что потребует изменения HTML, чтобы он указывал на ./public/page1.js вместо ./public/page1.ts. Так что особого смысла в этом нет.

Честно говоря, я бы просто создал каталог с именем src и сделал бы это рекомендуемым bun-plugin-html способом, выведя данные в каталог public. Это позволяет использовать некоторые удобные функции, такие как встраивание всего JavaScript и CSS в один файл. Но у каждого проекта есть своя потребность.

Вот что я нашел для создания всех Typescript или Typescript в HTML-файлах в каталоге.

• Установите плюшку (https://bun.sh/docs/installation)
• открыть папку или проект в vscode
• откройте терминал в вашем проекте
• позвоните bun add -d bun-plugin-html, если хотите объединить машинописный текст в html-страницы
• при необходимости импортируйте другие существующие модули с помощью bun install (или установите npm)
• создайте Bun.build.js с содержимым ниже
• позвоните bun bun.build.js, чтобы собрать и связать машинописный текст (см. содержимое файла Bun.build.js)

Ваши классы машинописного текста будут скомпилированы в файл javascript, который объединяет все ваши машинописные тексты. (См. https://bun.sh/)

булочка.build.js:

// note: you could also pass in one or all of the HTML files
// but if you do that the HTML file might be over written
// to fix that, set an output directory in the options 

import html from 'bun-plugin-html';
import { Glob } from "bun";

// read in all the typescript files in the /public directory
// (or the directory where your typescript files are located)
// and compile them into builded javascript files in the same directory
// using the same name as the typescript file but with a js extension
// your HTML pages should reference the javascript file 
// unless you are compiling the HTML files

const sourceDirectory = "./public/";
const glob = new Glob('*.ts');
var entrypoints = [...glob.scanSync(sourceDirectory)];
entrypoints = entrypoints.map((x) => sourceDirectory + x);
console.info("Compiling " + entrypoints.length + " typescript files...");

const results = await Bun.build({
  entrypoints: entrypoints,
  publicPath: "",
  sourcemap: "inline",
  outdir: './',
  plugins: [
    html()
  ],
});

if (results.success==false) {
  console.error("Build failed");
  for (const message of results.logs) {
    console.error(message);
  }
}
else {
  console.info("Compiled " + results.outputs.length + " javascript files...");
}