1. @pika/plugin-build-web
A @pika/pack plugin: Adds an ESM distribution to your package, built & optimized to run in most web browsers (and bundlers).
@pika/plugin-build-web
Package: @pika/plugin-build-web
Created by: pikapkg
Last modified: Wed, 06 Apr 2022 14:30:48 GMT
Version: 0.9.2
License: MIT
Downloads: 2,671
Repository: https://github.com/pikapkg/builders

Install

npm install @pika/plugin-build-web
yarn add @pika/plugin-build-web

@pika/plugin-build-web

A @pika/pack build plugin.
Adds an ESM distribution to your package optimized for web bundlers and tooling. For a standalone build meant to run directly in the browser, check out plugin-bundle-web.

Install

 # npm:
npm install @pika/plugin-build-web --save-dev
# yarn:
yarn add @pika/plugin-build-web --dev

Usage

 {
  "name": "example-package-json",
  "version": "1.0.0",
  "@pika/pack": {
    "pipeline": [
      ["@pika/plugin-standard-pkg"],
      ["@pika/plugin-build-web"]
    ]
  }
}

For more information about @pika/pack & help getting started, check out the main project repo.

Options

  • "sourcemap" (Default: "true"): Adds a source map for this build.
  • "entrypoint" (Default: "module"): Customize the package.json manifest entrypoint set by this plugin. Accepts either a string, an array of strings, or null to disable entrypoint. Changing this is not recommended for most usage.

Result

  1. Adds a web distribution to your built package: dist-web/index.js Targets Modern (ES2020) syntax optimized for bundlers & web tooling.
  2. Adds a "module" entrypoint to your built package.json manifest.

Packages that use this plugin will work on the Pika CDN. To support running directly from UNPKG, check out plugin-bundle-web.

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code