@nativeweb/build

🧱 Build tool with esbuild for Native Web.

Usage no npm install needed!

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

README

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

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.



Native Web