Comprehensive Guide to Packaging JavaScript Libraries: ESM, CJS, UMD and Best Practices

This guide provides clear, practical recommendations for packaging JavaScript libraries—including outputting ESM, CJS and UMD formats, handling multi‑file builds, code compression, sourcemaps, TypeScript typings, external frameworks, modern browser support, and essential package.json fields—so developers can create robust, tree‑shakable, and well‑documented npm packages.

CJSESMJavaScript

0 likes · 20 min read

Comprehensive Guide to Packaging JavaScript Libraries: ESM, CJS, UMD and Best Practices

JD.com Experience Design Center

Apr 23, 2019 · Frontend Development

Why NutUI 2.0 Uses Webpack Instead of Rollup for Vue Component Library

This article explores the development of NutUI 2.0, a Vue component library, detailing why Webpack was chosen over Rollup, how to configure UMD builds, manage external Vue dependencies, and leverage tree‑shaking to reduce bundle size.

Component LibraryModule BundlingTree Shaking

0 likes · 17 min read

Why NutUI 2.0 Uses Webpack Instead of Rollup for Vue Component Library

AutoHome Frontend

Jul 31, 2018 · Frontend Development

How to Build a Reusable Vue Comment Component for Legacy jQuery Pages with Vue‑CLI 3

This guide explains how to create a Vue‑based comment system, mount it inside a traditional jQuery page, package it as a UMD library with Vue‑CLI 3.0, manage state with Vuex, integrate Element‑UI components, and extend Axios for JSONP support.

ComponentElement UIVue

0 likes · 9 min read

How to Build a Reusable Vue Comment Component for Legacy jQuery Pages with Vue‑CLI 3

JD Tech

Mar 29, 2018 · Frontend Development

Building a Vue 2 Mobile UI Component Library: Scaffolding, Packaging, Component Types, and Icon Strategies

This article shares the practical experience of creating a Vue 2 mobile UI component library, covering the choice of scaffolding tools, Webpack UMD packaging configuration, component classification, CSS scoping decisions, on‑demand custom builds, and the adoption of SVG‑based icon solutions.

Component LibrarySVG IconsScoped CSS

0 likes · 12 min read

Building a Vue 2 Mobile UI Component Library: Scaffolding, Packaging, Component Types, and Icon Strategies

CSS Magic

Feb 4, 2016 · Frontend Development

How to Build a JavaScript Library with Webpack and ES6

This tutorial explains how to define a JavaScript library, set up a clean project structure, use Babel to transpile ES6, configure Webpack for development and production builds (including UMD output), add npm scripts, run Mocha/Chai tests, and manage related configuration files.

babeles6javascript library

0 likes · 11 min read

How to Build a JavaScript Library with Webpack and ES6