DaTaobao Tech
DaTaobao Tech
Oct 26, 2022 · Frontend Development

Monorepo Practices and Migration for Large Frontend Projects

The article explains monorepo concepts, compares monolithic, multirepo, and monorepo approaches, presents a Tianmao Campus case study, and recommends a pnpm + lerna‑lite + TurboRepo toolchain with detailed setup, configuration, local development scripts, and a unified build‑release workflow to streamline large frontend projects.

build-toolsmonorepopnpm
0 likes · 24 min read
Monorepo Practices and Migration for Large Frontend Projects
ELab Team
ELab Team
Mar 24, 2022 · Frontend Development

From JSP to Snowpack: Tracing the Evolution of Front‑End Engineering

This article chronicles the history of front‑end engineering—from the early stone‑age JSP/PHP era through Maven, Grunt, Webpack, and Snowpack—highlighting key tools, code examples, and future trends that have shaped modern front‑end development practices.

Webpackbuild-toolsengineering
0 likes · 12 min read
From JSP to Snowpack: Tracing the Evolution of Front‑End Engineering
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Sep 2, 2021 · Frontend Development

Unlock Webpack splitChunks & Manifest: A Hands‑On Guide to Smarter Bundling

This tutorial walks through the fundamentals of Webpack’s splitChunks and manifest features, explaining modules, chunks, and bundles, detailing configuration options like chunks, cacheGroups, minChunks, priority, maxInitialRequests, and maxAsyncRequests, and shows practical code examples and visual results to help developers master efficient asset bundling.

FrontendWebpackbuild-tools
0 likes · 15 min read
Unlock Webpack splitChunks & Manifest: A Hands‑On Guide to Smarter Bundling
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Jun 21, 2021 · Frontend Development

Mastering Webpack: From Custom Loaders to Powerful Plugins

This article explains how Webpack loaders work, outlines development guidelines, demonstrates synchronous, asynchronous, raw, and pitching loaders with code examples, and then guides you through creating and configuring custom plugins, covering hooks, async handling, and a practical build‑info plugin.

FrontendJavaScriptWebpack
0 likes · 21 min read
Mastering Webpack: From Custom Loaders to Powerful Plugins
ByteFE
ByteFE
Apr 12, 2021 · Frontend Development

Understanding Webpack Loaders: Types, Configuration, Execution Order, and API

This article explains what Webpack loaders are, their four classification types (pre, normal, inline, post), how to configure them with enforce, the inline loader prefixes, execution priority, the loader call chain, synchronous vs asynchronous handling, parameters, output, caching, and useful loader development tools.

build-toolsloaderloader-api
0 likes · 13 min read
Understanding Webpack Loaders: Types, Configuration, Execution Order, and API
Youku Technology
Youku Technology
Apr 14, 2020 · Frontend Development

Evolution of Frontend Build Tools and Webpack Optimization Practices

The article traces frontend build tools from Grunt to Gulp to Webpack, explains Webpack’s modular configuration and split‑CLI structure, and details practical optimizations—such as splitChunks, terser, Happypack, DLLs, and proxy settings—that together can halve bundle size and triple build speed, while previewing upcoming Webpack 5 changes.

FrontendWebpackbuild-tools
0 likes · 15 min read
Evolution of Frontend Build Tools and Webpack Optimization Practices
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 20, 2017 · Frontend Development

Master Webpack: Core Concepts, Real-World Scenarios, and Custom Extensions

An in‑depth tutorial explains webpack’s core concepts, build workflow, and practical scenarios—from single‑page apps and code splitting to npm package and server‑side rendering builds—plus guidance on creating custom loaders and plugins, empowering developers to master and extend this essential front‑end bundler.

Frontendbuild-toolsloader
0 likes · 13 min read
Master Webpack: Core Concepts, Real-World Scenarios, and Custom Extensions
Qunar Tech Salon
Qunar Tech Salon
Jun 2, 2017 · Frontend Development

A Review of Frontend Moduleization Development and Tooling

This article reviews the evolution of frontend moduleization over the past decade, discusses the problems of early script inclusion, presents various solutions such as namespaces, closures, CommonJS, ES6 modules, and modern build tools, and illustrates each approach with concrete JavaScript code examples.

CommonJSES6Frontend
0 likes · 16 min read
A Review of Frontend Moduleization Development and Tooling