Tagged articles

7 articles

Page 1 of 1

Mar 18, 2023 · Frontend Development

New Features in TypeScript 5.0: Decorators, Const Type Parameters, Module Resolution, JSDoc Enhancements and Performance Improvements

TypeScript 5.0 introduces a host of enhancements—including a new decorator standard, const type parameters, expanded JSDoc support, multiple tsconfig extends, improved module resolution options, verbatim module syntax, and performance optimizations—along with detailed examples and guidance for developers.

Const TypesJSDocTypeScript

0 likes · 26 min read

New Features in TypeScript 5.0: Decorators, Const Type Parameters, Module Resolution, JSDoc Enhancements and Performance Improvements

NetEase Cloud Music Tech Team

Dec 2, 2022 · Frontend Development

How to Analyze and Optimize Frontend Bundle Size with a DIY JS Parser

This article walks through measuring bundle growth, identifying duplicate dependencies and missing tree‑shaking, building a Go‑based JavaScript parser, generating a dependency graph, handling conditional imports, applying dead‑code elimination, and finally using the tool to shrink frontend bundle size.

Tree Shakingbundledead code elimination

0 likes · 35 min read

How to Analyze and Optimize Frontend Bundle Size with a DIY JS Parser

Taobao Frontend Technology

Aug 22, 2022 · Frontend Development

Master Dynamic Entry Points in Node Packages: main, type, exports & module

This article explains how third‑party library authors can configure package.json fields such as main, type, exports, and module to provide dynamic entry points for both CommonJS and ESModule consumers, while also covering TypeScript's resolution strategy and practical code examples.

CommonJSESMExports

0 likes · 12 min read

Master Dynamic Entry Points in Node Packages: main, type, exports & module

DaTaobao Tech

Aug 1, 2022 · Backend Development

Configuring Dynamic Entry Points for Node Packages: main, type, exports, and module fields

Library authors can configure package.json using main, type, exports, and module fields to provide separate CommonJS and ES module entry points, enabling runtime selection based on import or require, improving tree‑shaking, bundler compatibility, and TypeScript type resolution while restricting undefined sub‑paths.

CommonJSESMExports

0 likes · 11 min read

Configuring Dynamic Entry Points for Node Packages: main, type, exports, and module fields

Alibaba Terminal Technology

Jun 7, 2022 · Backend Development

Why Node 18 & TS 4.7 Still Struggle with ESM? A Deep Dive into CommonJS vs ESM

This article explains why, despite years of ESM usage, Node 18 and TypeScript 4.7 still encounter import errors, explores the differences between CommonJS and ESM module resolution, and shows how to configure tsconfig and package.json to make Node correctly run ESM code.

CommonJSESMNode.js

0 likes · 10 min read

Why Node 18 & TS 4.7 Still Struggle with ESM? A Deep Dive into CommonJS vs ESM

Didi Tech

Aug 2, 2019 · Frontend Development

Understanding Webpack's Resolve Process for Modules and Loaders

Webpack resolves every import by mapping the request string to an exact file path through a configurable chain of resolver plugins for normal modules, node_modules packages, and loaders, and developers can speed up builds by using aliases, limiting module directories, and keeping extensions short.

Build ToolJavaScriptmodule-resolution

0 likes · 20 min read

Understanding Webpack's Resolve Process for Modules and Loaders

Tencent IMWeb Frontend Team

Aug 9, 2016 · Frontend Development

Mastering Webpack: Core Concepts, Configurations, and Practical Examples

This article explains the fundamentals of Webpack, covering its packaging principles, key configuration options such as entry, output, resolve, externals, and watch, and provides concrete code examples to help developers efficiently bundle front‑end assets.

Configurationbuild toolsbundling

0 likes · 9 min read

Mastering Webpack: Core Concepts, Configurations, and Practical Examples