Zero-config web application packager in Deno.
- 📦 Bundle web application like Parcel.
- ✨ Support TypeScript out of the box.
- 🦕 Deno-compatible ES Modules resolution.
- 💨 Fast build with esbuild-wasm bundler.
Install via deno.land/x:
deno run -A https://deno.land/x/[email protected]/install.tsWrite HTML and JavaScript:
index.html
<html>
<body>
<script src="./main.ts"></script>
<h1>Hi from packup!</h1>
</body>
</html>main.ts
console.log("hello world");packup has the development server builtin. Run the following command to start
the server.
packup index.html
Then open http://localhost:1234/ in your browser.
See packup serve -h and packup build -h for more usages.
You can type check the script with Deno.
You need the following tsconfig.json for your frontend scripts correctly type
checked.
{
"compilerOptions": {
"lib": ["esnext", "dom"]
}
}If you use vscode you need to set 'deno.config' property in
.vscode/settings.json file to point the tsconfig.json:
{
"deno.enable": true,
"deno.lint": true,
"deno.unstable": true,
"deno.config": "./tsconfig.json"
}If you'd prefer to use CLI directly to type check your script, you can use the following command for it:
deno cache --config tsconfig.json <script>See the example repository for more details.
If you want to use packup without installing globally, you can use the following command.
deno run --allow-env --allow-read --allow-write --allow-net=deno.land https://deno.land/x/[email protected]/ensure_esbuild_wasm.ts
deno run -A https://deno.land/x/[email protected]/cli.ts <your parameters>
The first command ensures the esbuild wasm installed on your machine. The second command is the actual entrypoint of the packup program.
- --public-url
- twind example
- Make esbuild.wasm path configurable
- optimize (minify) option
- css import support
- image import support
- scss
@importsupport
- import map support
- sourcemap support
- 2022-09-11 v0.1.14 Add import map support. #47
- 2022-07-12 v0.1.13 Add
<DOCTYPE html>to html by default. #44 tag. #39 - 2021-12-27 v0.1.11 Add support of
<img>srcsetattribute and<source>tag. #39 - 2021-12-22 v0.1.11 Add support of image imports (in html). #33
- 2021-12-05 v0.1.10 Install wasm under
DENO_DIRwhen it's specified. #31 - 2021-12-05 v0.1.9 Add logging related to sass.
- 2021-11-29 v0.1.8 Add
--static-dist-prefixoption #30 - 2021-11-29 v0.1.7 Add
--public-urloption #29 - 2021-10-21 v0.1.6 CLI start up time improvement
- 2021-10-20 v0.1.5 Remove the use of unstable flag #28
- 2021-10-19 v0.1.4 Change esbuild wasm file name.
- 2021-09-19 v0.1.3 Skip processing http(s):// url references in html #22.
- 2021-09-17 v0.1.2 Fix -p option.
- 2021-09-16 v0.1.1 Add
ensure_esbuild_wasm.tsentrypoint. - 2021-09-15 v0.1.0 Add basic support of scss #18
- 2021-09-08 v0.0.17 Support multiple entrypoints #14
- 2021-09-01 v0.0.16 Fix the message when the server starts #11
- 2021-07-31 v0.0.15 Update
iterable_file_server - 2021-07-01 v0.0.14 Fix @import-maps/resolve dependency https://github.com/kt3k/packup/commit/4c502652315d5d15755be340318263dbd75fb12f . Remove --bundler options https://github.com/kt3k/packup/commit/e66c76695e0415c9aeb97e8c1b477a828daf5c52
- 2021-06-21 v0.0.13 Fix for windows kt3k#5.
MIT
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent