1.4.1 • Public • Published


npm version

@depack/bundle is The Source Code For The Bundle Logic To Prepare Temp Files. Because Google Closure Compiler cannot import JSX files, we create a temp directory to put them in there, and also allow to update preact to @externs/preact in the temp as well, so that Preact can be referenced separately from the compiled code.

yarn add @depack/bundle

Table Of Contents


The package is available by importing its default function:

import generateTemp from '@depack/bundle'

async generateTemp(
  entry: string,
  config?: TempConfig,
): void

Generates a temp directory for the given entry file and transpiles JSX files that are references in it. Any JS files will also be placed in the TEMP dir if there is a single JSX file found. This is because references to JSX files need to be updated in JS files to point to the temp dir.

If the required file's path is higher than the current dir, the bundler will check if belongs to a linked package, and generate temp files in temp/node_modules dir rather than pollute the filesystem above CWD.

TempConfig: Options for generating the temp directory.

Name Type & Description Default
tempDir string depack-temp
The directory in which to place temp files.
preact boolean false
Whether to add import { h } from 'preact' automatically at the top of each JSX file.
preactExtern boolean false
Whether to add import { h } from '@externs/preact' automatically at the top of each JSX file, and rename preact imports into @externs/preact imports. See https://www.npmjs.com/package/@externs/preact.


Art Deco © Art Deco for Depack 2019 Tech Nation Visa Tech Nation Visa Sucks



Package Sidebar


npm i @depack/bundle

Weekly Downloads






Unpacked Size

28.2 kB

Total Files


Last publish


  • zvr