🧱 Build tool with esbuild for Native Web.

Usage no npm install needed!

<script type="module">
  import nativewebBuild from 'https://cdn.skypack.dev/@nativeweb/build';


Build 🧱

Build tool with esbuild for Native Web.

Instant serve

Live reload

Fast bundle

Optimized build

Future syntax

One command to start

npm init nativeweb

Or add to your existing project

npm install @nativeweb/build


import build from '@nativeweb/build';

    // Customize esbuild options here.
    plugins: [
        // Default plugins won't be overridden.


    "type": "module",
    "scripts": {
        "start": "node build.config.js -w",
        "build": "node build.config.js"

Advanced options

import build from '@nativeweb/build';

        // esbuild options
        serve: {
            // serve options
        babelPlugins: [],
        postcssPlugins: []


esbuild   →   Extremely fast bundler and minifier.

PostCSS   →   Transforms styles to the latest CSS specification.

Babel   →   Transforms scripts to the latest JS specification.

Serve   →   Ultralight http server with live reload.


esbuild-serve   →   Serve with live reload for esbuild.

esbuild-plugin-pipe   →   Pipe esbuild plugins output.

esbuild-plugin-babel   →   Babel plugin for esbuild.

esbuild-plugin-svg   →   Svg files import plugin for esbuild.

esbuild-plugin-postcss-literal   →   PostCSS tagged template literals plugin for esbuild.

postcss-nesting   →   Nest style rules, following the CSS specification.

postcss-custom-media   →   Custom Media Queries, following the CSS specification.

Native Web