San CLI 4.0 introduces a re‑architected command system, decoupled configuration, Webpack 5 support, TypeScript and ESM build options, and a series of performance tweaks that together improve flexibility, reduce bundle size, and speed up both development and production builds.
This article explains the motivation behind adopting the Shadow plugin architecture for QQ Reading, compares modular and plugin approaches, details class‑loader mechanisms, walks through Shadow's core components and loading flow, and shares practical usage tips and lessons learned.
This article explains the complete redesign of IMFLOW, a Webpack‑based engineering tool, detailing the motivations, goals, refactoring patterns, modular architecture, plugin system, and performance improvements that transformed it from a heavyweight monolith into a lightweight, extensible core‑plus‑build‑kit solution for frontend development.
The article explains how Alibaba’s QianNiu multi‑platform workbench reduced open‑plugin related user complaints by half through defining open nodes, optimizing long plugin startup chains, building permission‑request loops, establishing comprehensive data‑driven metrics, and creating an open‑experience dashboard that monitors performance, reliability, and user‑perceived issues across mobile and desktop.
This article describes how to redesign a front‑end CLI tool by introducing a router‑like entry, converting hard‑coded commands into configurable objects, implementing a third‑party plugin registration workflow, and refactoring file handling with fs‑extra to improve maintainability and scalability across teams.
This article outlines Baidu's evolution of build practices, presenting a group-level continuous delivery pipeline solution that includes a dual-engine ecosystem—standard plugin engine and non-standard containerized engine—and describes the intelligent build platform that enables dynamic, policy-driven, resource-efficient software delivery.
The talk introduces Volcano Engine's veMARS plugin framework, its low‑cost, high‑stability engineering transformation capabilities, and demonstrates how the Jinri Toutiao Lite app leveraged this framework to achieve significant package size reduction and robust plugin‑based development.
This article explains Spring's Service Provider Interface (SPI) mechanisms—including spring.handlers and spring.factories—covers their implementation details with code examples, demonstrates real‑world usage in MyBatis, Dubbo and Spring Boot, and shows how to create a custom configuration file loader.
This article explores when plugins are truly necessary, outlines design principles and SOLID guidelines for building robust plugin architectures, demonstrates a step‑by‑step implementation of a calculator plugin system, and examines JavaScript and CSS sandboxing techniques to ensure plugin security in web applications.
This article provides a comprehensive analysis of Webpack's core architecture, explaining its three-phase workflow (initialization, building, and generation), plugin system, and module handling mechanisms to help developers understand the underlying principles of this static module bundler.
Exploring the evolution of web-based editors and design tools, this article examines why traditional plugin architectures like Atom faltered, how VS Code’s more restrictive model improves performance and security, and delves into Figma’s sophisticated sandboxing techniques—including Realm, Duktape, and CSS isolation—to balance flexibility with safety.
This article dissects San CLI's internal architecture, detailing its core modules, the distinction between main and service processes, the step‑by‑step execution of the san init command, the TaskList implementation that drives sequential tasks, and the design of Command and Service plugins that enable extensibility.
Tapable powers Webpack’s extensible workflow by providing a dynamic function generator and a suite of over ten hook classes—such as SyncHook, AsyncSeriesWaterfallHook, and AsyncParallelHook—that let developers compose synchronous, asynchronous, bail‑out, waterfall, and looping pipelines, illustrated by a jQuery.ajax‑style service where each request phase is modularly plugged in.
This article provides a comprehensive walkthrough of Vue CLI's project initialization process, covering command‑line usage, entry‑file discovery, node version validation, intelligent command suggestion, preset handling, the Creator class workflow, prompt modules, plugin integration via Generator and GeneratorAPI, configuration extraction, and the final file generation steps.
This article examines the decline of traditional web editors like Atom, compares them with VS Code, explores Figma’s JavaScript‑based plugin system and its sandbox mechanisms—including Realm, Duktape, and Web Workers—while discussing broader JavaScript sandboxing techniques and CSS isolation strategies for modern front‑end applications.
This article presents a detailed overview of Alibaba's KAITIAN project, covering its background, multi‑layer technical architecture, plugin system, real‑world examples, its impact on frontend R&D workflows, and future trends of cloud‑native remote IDEs.
This article explains microkernel design, compares it with monolithic kernels, shows how plug‑in architecture maps to microservices, and explores service‑mesh communication patterns, performance trade‑offs, and hybrid solutions for building flexible, scalable cloud‑native applications.
This article explains how to use iOS dynamic frameworks to modularize app features, enable on‑demand plugin loading and seamless runtime updates, detailing the design of SVPCore, SVPRuntime, bundle management, and integration steps with code examples.
This tutorial walks you through creating a modular, plugin‑based CLI scaffold for a Valentine’s Day project, covering monorepo setup with Lerna, core CLI package creation, plugin registration, command handling, inter‑plugin communication with tapable, and deployment considerations.
This article presents a comprehensive front‑end solution that unifies multi‑type, multi‑platform data‑tracking (埋点) integration by standardizing configuration, decoupling tracking logic, providing a dynamic plugin architecture, and offering automated testing tools to reduce development and maintenance costs.
This article introduces Soul 2.2.0’s fully plugin‑based architecture, walks through downloading and running soul‑admin, shows how to build a Spring Boot gateway with required dependencies and configuration, demonstrates hot‑swap plugins for Dubbo, circuit‑breaker and rate limiting, and highlights its key features and typical use cases.
The KAITIAN framework, built by three Alibaba frontend teams, provides a unified IDE foundation that integrates diverse development scenarios—from Alipay mini‑programs and marketing pages to serverless and IoT—while offering a rich plugin system, performance optimizations, and a seamless UI/UX across front‑ and back‑end workflows.
This article introduces visual‑assisted programming as a low‑code approach for front‑end developers, analyzes existing solutions and their limitations, and details the design, architecture, plugin mechanism, core features, and future roadmap of the VE tool developed by Beike, including code examples and open‑source resources.
Meituan Takeaway built a hybrid JavaScript‑CocoaScript Sketch plugin that enforces a unified design system, lets designers select library elements which are exported as Sketch symbols and native code components, integrates a webview bridge, uses skpm/Webpack tooling, and dramatically cuts design drift, development cost, and QA effort across multiple platforms.
Woodpecker is an open‑source iOS debugging platform that integrates UI inspection, object viewing, method monitoring, PO commands, and JSON capture into a plugin‑based architecture, enabling developers, testers, designers, and product teams to locate and resolve issues directly on the device without a computer.
Midway FaaS introduces a compact, plugin‑driven CLI that reduces core size by 92%, speeds up execution by 74%, and offers extensible commands, lifecycle hooks, data sharing, and multi‑platform support, all demonstrated with clear code examples and performance benchmarks.
This article explains how KaTiAn IDE reuses VS Code’s mature plugin architecture, details the underlying Node.js process model and RPC communication, and presents two UI‑extension strategies—direct component injection and a container/consumer slot system—illustrated with code samples and diagrams.
The article explains the evolution, advantages, challenges, and current status of Android plugin technology, then details JD's Aura plugin framework—including its layered architecture, class and resource loading mechanisms, management tools, upgrade process, and future considerations—for large‑scale mobile app development.
This article explores the evolution of frontend build tools, examines the opportunities and challenges of moving to a browser‑based, bundless workflow, and presents the Gravity architecture—including its plugin system, compilation chain, in‑browser file system, and service‑oriented package management—as a vision for the future of lightweight, cloud‑ready development.
This article explains the technical architecture behind the “Cool‑Watch” mode used in the series “The Longest Day in Chang’an”, detailing the OnePlayer framework, plugin‑based design, dynamic UI rendering with Weex, dual‑screen layout, and multi‑stream synchronization techniques that enable interactive, high‑quality video experiences.
Alibaba Entertainment’s technical deep‑dive reveals how the “Cool Watch” mode for “The Longest Day in Chang’an” combines a plugin‑based player framework, dynamic Weex UI rendering, parent‑child screen architecture, and dual‑stream frame‑level synchronization—augmented by AI‑driven high‑resolution playback and anti‑theft linking—to deliver an immersive, multi‑screen interactive experience across Youku.
The article describes a comprehensive CI/CD platform built on Jenkins and JBPM that streamlines compilation, process control, and external system integration for a large‑scale, plugin‑driven mobile app, addressing challenges such as build speed, code download, and task tracking.
This article details Meituan's data security platform architecture, explaining why traditional ACL and RBAC models fall short for data‑level control, how a new hierarchical permission model and plug‑in services were designed, and the microservice, caching, and high‑availability techniques used to support flexible, high‑QPS data governance across multiple business lines.
This article explains how PouchContainer, Alibaba’s open‑source container runtime, aligns its internal and external codebases through detailed difference analysis, a plugin architecture, rigorous testing, and a disciplined Git workflow to ensure stable, extensible, and synchronized releases.
This article analyzes iQIYI’s Neptune plugin framework, explaining why pluginization is needed, the core technical principles of class and resource loading, lifecycle management, and how Neptune implements multi‑ClassLoader isolation, resource handling, context wrapping, and incremental updates for large‑scale Android apps.
This article details the design, evolution, and implementation of an online test‑monitoring platform that transforms CI/CD pipelines into proactive alerting systems, covering the initial Spring‑based prototype, its shortcomings, the 2.0 configurable and visual redesign, plugin architecture, and future distributed deployment plans.
This article walks through creating a generic song‑parsing framework using Java's Service Provider Interface (SPI), showing the evolution from a hard‑coded parser to a modular, plug‑in architecture that supports adding new formats like MP3, MP4, and RMVB without changing core code.
The article examines Android P’s non‑SDK API restrictions, explains Google’s official dynamic delivery framework Android App Bundles, analyzes the challenges of large‑scale plugin architectures, and outlines JD’s roadmap for migrating from legacy plugin solutions to a component‑centric, AAB‑compatible platform.
The article recounts Youzan’s transition from a Koa‑based internal system to the Astroboy framework—first version for decoupling code, then Astroboy 2.0 built on Koa2 with a customizable upper‑layer Base Framework, extensible plugins, and a Go‑based Tether proxy that streamlines Node‑to‑Java service integration and improves performance.
This article explains how a unified, cross‑platform long‑connection component built on libuv, mbedTLS and WebSocket was refactored into a plug‑in architecture that decouples layers, uses double‑linked structures and function pointers, and dramatically improves flexibility and maintainability.
This article describes the motivation, layered architecture, protocol implementation details, and a plug‑in refactoring approach for a cross‑platform long‑connection component that unifies iOS, Android, and WebSocket communication using libuv, mbedTLS, and C interfaces.
This guide explains how to create a modular, plugin‑style service framework in Java using the Service Provider Interface (SPI), covering project structure, interface definition, implementation jars, META‑INF configuration, and a client example that loads multiple time‑service implementations at runtime.
This article explains the core concepts of a .NET plugin framework, illustrates its structure with diagrams, demonstrates practical development and deployment workflows, enumerates its advantages for team collaboration and modularity, and compares OSGi.NET with other popular .NET plugin solutions.
Atlas, Alibaba’s open‑source Android container framework, enables large‑scale team collaboration through componentization, dynamic deployment, and plug‑in isolation, offering parallel development, rapid iteration, and on‑device updates for apps targeting Android 4.x and above.
Smaug, now called Karbor, is an OpenStack project that standardizes data protection across heterogeneous virtualization platforms by offering unified APIs, plugin architecture, and workflow services to protect VMs, volumes, networks, and other resources with backup, replication, and migration capabilities.
Midway 5, the latest version of Taobao's Node.js web framework, introduces a plugin‑centric design, refined process management, and upgraded compatibility strategies, offering developers a more stable and modular foundation for building large‑scale applications.
This article explains how Ctrip’s Android app adopted a plugin‑based, dynamic‑loading framework to overcome method‑limit, improve build speed, enable hot‑deployment, and support modular A/B testing, detailing the underlying principles, compilation changes, runtime resource and class loading, and the trade‑offs involved.
This article explains the motivations, design principles, compilation and runtime techniques of Ctrip's Android plugin‑based architecture and dynamic loading framework, detailing how it solves method‑count limits, improves build speed, enables hot‑deployment, and outlines the associated trade‑offs.
