Tag

build process

0 views collected around this technical thread.

JD Retail Technology
JD Retail Technology
Dec 22, 2023 · Frontend Development

Adapting the Taro Framework to Huawei HarmonyOS ArkTS: Runtime Adaptation Strategy and Implementation

This article thoroughly analyzes how the Taro front‑end framework is adapted to Huawei's HarmonyOS ArkTS by employing a runtime‑centric adaptation approach that maps Taro's virtual DOM to ArkTS UI components, reducing compile‑time conversion errors and improving developer experience.

ArkTSHarmonyOSRuntime Adaptation
0 likes · 16 min read
Adapting the Taro Framework to Huawei HarmonyOS ArkTS: Runtime Adaptation Strategy and Implementation
HelloTech
HelloTech
Apr 3, 2023 · Mobile Development

Flutter Upgrade Journey: Null‑Safety Migration, Engine Crash Fixes, and Build Process

The team’s second‑phase Flutter upgrade details why they moved to Flutter 2.x for null‑safety and performance gains, outlines the migration steps and common fixes, describes how they resolved a FlutterEngine destroyContext crash by cherry‑picking a fix, and provides a complete guide to building the iOS engine and gen_snapshot binaries, while previewing future expansion into Flutter Web and cross‑platform front‑ends.

CI/CDDartEngine Upgrade
0 likes · 13 min read
Flutter Upgrade Journey: Null‑Safety Migration, Engine Crash Fixes, and Build Process
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 18, 2022 · Frontend Development

Deep Dive into Webpack Core Workflow, Loader/Plugin Execution Order, and Optimization Strategies

This article explores Webpack's core build process—from startup and compilation to module handling and asset emission—clarifies the execution sequence of loaders versus plugins, explains loader chaining mechanics, and discusses practical optimization techniques for improving build speed and bundle size.

Webpackbuild processfrontend
0 likes · 11 min read
Deep Dive into Webpack Core Workflow, Loader/Plugin Execution Order, and Optimization Strategies
Tencent Cloud Developer
Tencent Cloud Developer
Feb 9, 2022 · Frontend Development

Webpack Build Process, Tapable Plugin System, and a Simple Bundler Implementation

The article walks through Webpack’s bundling workflow, explains Tapable’s hook system—including sync, async, and interceptor mechanisms—and demonstrates a minimal hand‑written bundler that parses an entry file, builds a dependency graph, transforms code, and emits a self‑executing bundle, illustrating core concepts.

Plugin SystemTapableWebpack
0 likes · 19 min read
Webpack Build Process, Tapable Plugin System, and a Simple Bundler Implementation
ByteFE
ByteFE
May 25, 2021 · Frontend Development

Deep Dive into Webpack Runtime: Chunk, Runtime Modules, and Build Process

This article provides an in‑depth technical analysis of Webpack's runtime, explaining how bundles are composed of business code and runtime, the generation of __webpack_require__ helpers, the mechanisms behind asynchronous chunk loading, hot module replacement, and the internal dependency‑collection process that drives the final asset emission.

ChunkHMRWebpack
0 likes · 21 min read
Deep Dive into Webpack Runtime: Chunk, Runtime Modules, and Build Process
Tencent Cloud Developer
Tencent Cloud Developer
Jan 5, 2021 · Frontend Development

Understanding the Build Process of Vue Single‑File Components (SFC) with Webpack

The article walks through Vue’s single‑file component build pipeline with Webpack 4, detailing how vue‑loader parses .vue files into template, script, and style blocks, uses VueLoaderPlugin and pitch loaders to generate virtual modules, and ultimately bundles them via inline loader syntax.

Single File ComponentVueWebpack
0 likes · 12 min read
Understanding the Build Process of Vue Single‑File Components (SFC) with Webpack
Didi Tech
Didi Tech
Oct 8, 2019 · Frontend Development

Understanding Webpack Module Creation: Stages and Dependency Handling

Webpack transforms entry files into modules through four stages—create, add, build, and processDep—where it generates a module instance via factory hooks, registers it in the compilation, runs loaders and parses the source into an AST, groups and resolves dependencies, and finally prepares the modules for bundling.

DependencyJavaScriptModule
0 likes · 18 min read
Understanding Webpack Module Creation: Stages and Dependency Handling
Didi Tech
Didi Tech
Aug 24, 2019 · Frontend Development

Webpack Loader Execution Process: Detailed Source Code Analysis

The article details Webpack’s loader execution pipeline, showing how a shared loaderContext is built for each module, how the loader‑runner pitches loaders in order, then processes the resource and runs each loader’s normal method from right to left, handling synchronous, Promise‑based, and async callbacks via runSyncOrAsync.

AsyncNode.jsWebpack
0 likes · 14 min read
Webpack Loader Execution Process: Detailed Source Code Analysis
JD Retail Technology
JD Retail Technology
Mar 25, 2019 · Frontend Development

Building a Cross‑Platform Desktop Code Sketch Application with Electron and React

This article details the design and implementation of Code Sketch, an offline-capable desktop code editor built with Electron and React, covering requirements, UI design, technical choices, logging console, command palette, build process, and cross-platform deployment.

Command PaletteElectronLogging Console
0 likes · 22 min read
Building a Cross‑Platform Desktop Code Sketch Application with Electron and React
Tencent Music Tech Team
Tencent Music Tech Team
May 26, 2016 · Mobile Development

Understanding Android Gradle Build Process and Dex Generation: Practical Insights and Source Code Analysis

The article walks through Android Gradle’s three‑phase build cycle, explains how VariantManager, TaskManager and AndroidBuilder create and configure tasks, then dives into the class‑to‑dex conversion process, detailing common multi‑dex limits, troubleshooting steps, and custom Gradle tasks that shrink keep lists and analyze dependencies to avoid build failures.

AndroidDexGradle
0 likes · 16 min read
Understanding Android Gradle Build Process and Dex Generation: Practical Insights and Source Code Analysis