https://github.com/lacolaco/ngx-web-bundles

[EXPERIMENTAL] Angular CLI builder for generate Web Bundle file (.wbn)
https://github.com/lacolaco/ngx-web-bundles

angular angular-cli webpackage

Last synced: 3 months ago
JSON representation

[EXPERIMENTAL] Angular CLI builder for generate Web Bundle file (.wbn)

• Host: GitHub
• URL: https://github.com/lacolaco/ngx-web-bundles
• Owner: lacolaco
• Created: 2019-11-13T08:22:22.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-24T17:33:50.000Z (about 2 years ago)
• Last Synced: 2024-09-28T15:23:03.231Z (3 months ago)
• Topics: angular, angular-cli, webpackage
• Language: TypeScript
• Homepage:
• Size: 1.24 MB
• Stars: 12
• Watchers: 3
• Forks: 0
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# @lacolaco/ngx-web-bundles

# VERY EXPERIMENTAL! BE CAREFUL TO USE!

Angular CLI builder for generate Web Bundle file (.wbn).

To learn about Web Bundles, read https://web.dev/web-bundles.

This tool is created for just trying new (experimental) web proposal with Angular CLI, and investigating the design for integration.

**PLEASE DON'T RELY ON THIS ANYWAY!!**

## Usage

See the `testapp` directory for example.

### 1. Install the builder

```

$ ng add @lacolaco/ngx-web-bundles

```

### 2. Run it

Execute the command;

```

$ ng run :gen-bundle

```

## Configuration

After `ng-add`, You can see the architect options in your `angular.json`.

- `options.browserTarget`: Identify target configuration for building app.

- `options.primaryURL`: Tell the primary URL to the Web Bundle. (used by browser)

```

...

      "architect": {

        "gen-bundle": {

          "builder": "@lacolaco/ngx-web-bundles:generate",

          "options": {

            "browserTarget": "testapp:build:production",

            "primaryURL": "https://ngx-web.bundles" // <= dummy URL

          }

        },

...

```