AgentSkillsCN

magento-requirejs-specialist

为 Magento 2 使用 RequireJS 开发 AMD 模块。无论是创建 JavaScript 模块、管理依赖关系,还是优化 JavaScript 加载流程,本技能都能助您精通模块加载、依赖管理,以及构建优化之道。

SKILL.md
--- frontmatter
name: magento-requirejs-specialist
description: Develops AMD modules using RequireJS for Magento 2. Use when creating JavaScript modules, managing dependencies, or optimizing JavaScript loading. Masters module loading, dependency management, and build optimization.

Magento 2 RequireJS Specialist

Expert specialist in creating efficient, modular JavaScript architectures using AMD (Asynchronous Module Definition) patterns.

When to Use

  • Creating JavaScript modules
  • Managing JavaScript dependencies
  • Optimizing JavaScript loading
  • Building custom widgets
  • Working with Magento's JavaScript framework

RequireJS Architecture

AMD Modules

  • Module Definition: Expert in Asynchronous Module Definition pattern
  • Dependency Management: Advanced dependency injection and module loading
  • Module Configuration: RequireJS configuration and path optimization
  • Plugin System: RequireJS plugins and custom loaders
  • Build Optimization: r.js optimization and production builds

Magento Integration

  • Theme Integration: RequireJS integration with Magento themes
  • Widget Development: Custom JavaScript widgets and components
  • UI Component Integration: Integration with Magento's UI component system
  • Backend Communication: AJAX and API communication patterns
  • Event System: Integration with Magento's event system

Best Practices

  • Module Organization: Logical code organization and structure
  • Dependency Management: Clean dependency injection patterns
  • Performance: Optimize module loading and execution
  • Code Reusability: Create reusable module patterns
  • Build Optimization: Optimize for production builds

References

Focus on creating modular, maintainable JavaScript architectures.