BestHub
Sign in
Tagged articles
5 articles
Page 1 of 1
DeWu Technology
DeWu Technology
Sep 8, 2025 · Frontend Development

How We Cut Log System Size by 70% with Smart Cleanup, Async Loading, and Build Optimizations

This article details how a modern frontend logging system was dramatically improved by implementing intelligent database cleanup, asynchronous module loading, dynamic JSZip imports, log queue throttling, and Rollup build‑time fixes, resulting in a much smaller bundle and smoother user experience.

Rollupasync loadingbundle optimization
0 likes · 13 min read
How We Cut Log System Size by 70% with Smart Cleanup, Async Loading, and Build Optimizations
Goodme Frontend Team
Goodme Frontend Team
Apr 21, 2025 · Frontend Development

Fit @galacean/effects into a 2 MB WeChat Mini‑Program with Async Package Splitting

To overcome the 2 MB main‑package limit of WeChat mini‑programs, this guide details a step‑by‑step solution that uses @galacean/effects for stunning homepage animations, applies page and module splitting, Babel and webpack plugins, and Taro configuration to move large code into asynchronous sub‑packages.

ReactTaroWeChat Mini Program
0 likes · 17 min read
Fit @galacean/effects into a 2 MB WeChat Mini‑Program with Async Package Splitting
Huolala Tech
Huolala Tech
Jul 4, 2023 · Frontend Development

How to Async Load Large Third‑Party Libraries in WeChat Mini‑Programs via Subpackages

This article explains how to overcome the 2 MB main‑package size limit in WeChat mini‑programs by asynchronously loading large third‑party libraries such as MQTT.js through subpackages, comparing subpackages with plugins, and providing practical Webpack and uni‑app solutions—including custom require handling, retry mechanisms, and performance gains.

SubpackageWeChat MiniProgramasync loading
0 likes · 14 min read
How to Async Load Large Third‑Party Libraries in WeChat Mini‑Programs via Subpackages
Sohu Tech Products
Sohu Tech Products
Dec 2, 2020 · Frontend Development

Understanding Webpack Asynchronous Loading and Code Splitting Strategies

This article explains how Webpack's asynchronous loading mechanisms such as require.ensure and dynamic import() work, demonstrates practical examples for splitting bundles, discusses route lazy‑loading in Vue, and provides optimization techniques including splitChunks, CDN externals, and bundle analysis to improve frontend performance.

Code SplittingImportVue lazy loading
0 likes · 13 min read
Understanding Webpack Asynchronous Loading and Code Splitting Strategies
Didi Tech
Didi Tech
Jul 5, 2019 · Frontend Development

Deep Dive into Webpack: Source Code Analysis and Compilation Process

The article dissects Webpack’s internals, showing how every asset becomes a module processed by loaders, how the bootstrap creates a __webpack_require__ function to link modules, how dynamic import() generates separate chunks loaded via script tags, and outlines the full compilation pipeline from configuration parsing to final asset emission.

JavaScriptModule Bundlingasync loading
0 likes · 12 min read
Deep Dive into Webpack: Source Code Analysis and Compilation Process