Build 🧱

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

build.config.js

import build from '@nativeweb/build';

build({
    // Customize esbuild options here.
    plugins: [
        // Default plugins won't be overridden.
    ]
});

package.json

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

Advanced options

import build from '@nativeweb/build';

build(
    {
        // esbuild options
    },
    {
        serve: {
            // serve options
        },
        babelPlugins: [],
        postcssPlugins: []
    }
);

Includes

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.

Details

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.

nativew/build