Loaders

import pkg from "./package.json";
pkg.name; // => "my-package"

const pkg = {
  name: "my-package",
  // ... other fields
};

pkg.name;

import config from "./config.jsonc";
console.log(config);

var config = {
  option: "value",
};

import config from "./bunfig.toml";
config.logLevel; // => "debug"

// with an import attribute:
// import myCustomTOML from './my.config' with {type: "toml"};

var config = {
  logLevel: "debug",
  // ...other fields
};
config.logLevel;

import config from "./config.yaml";
console.log(config);

// with an import attribute:
import data from "./data.txt" with { type: "yaml" };

var config = {
  name: "my-app",
  version: "1.0.0",
  // ...other fields
};

import contents from "./file.txt";
console.log(contents); // => "Hello, world!"

// To import an html file as text
// The "type" attribute overrides the default loader.
import html from "./index.html" with { type: "text" };

var contents = `Hello, world!`;
console.log(contents);

import addon from "./addon.node";
console.log(addon);

import db from "./my.db" with { type: "sqlite" };

// embed the database into the bundle
import db from "./my.db" with { type: "sqlite", embed: "true" };

import "./styles.css";

.my-class {
  background: url("./image.png");
}

bun run ./script.sh

// logo.ts
import logo from "./logo.svg";
console.log(logo);

bun run logo.ts
# Output: /path/to/project/logo.svg

// Output
var logo = "./logo.svg";
console.log(logo);