ExtJS 6.2 Modern应用中自定义插件的存放位置与引入方式咨询

云原生阿岚

2026-4-30

ExtJS 6.2 Modern自定义插件：位置、路径与导入全解析

嘿，针对你问的这几个ExtJS插件相关问题，我给你详细捋清楚：

一、自定义插件该放哪儿？

在ExtJS 6.2 Modern里，自定义插件的放置逻辑其实很简单——跟着框架的命名空间规则走就行。框架自带的插件比如Ext.grid.plugin.PagingToolbar，对应的源码路径就是grid/plugin/PagingToolbar.js，咱们自己写的插件也得照着这个“类名和目录结构一一对应”的原则来放，这样不仅规范，后续维护和引用也超方便。

二、Grid插件放`APP/grid/plugin/MyPlugin`对吗？

完全正确！只要你的应用根命名空间是APP（也就是app.json里的name字段配置的是APP），那这个路径就完美对应插件的类名APP.grid.plugin.MyPlugin，和框架的命名逻辑完全匹配，绝对是标准的做法。

三、使用前需要导入吗？

这得分两种情况说：

如果你用的是默认的Sencha Cmd自动加载配置，那只要你的类名和目录对应正确，Sencha Cmd在构建或者运行应用时会自动扫描并加载这个插件，根本不用手动导入，直接用就行。
要是你需要在某个特定类里提前加载它，或者自动加载配置有特殊调整，那可以手动搞定：
- 用Ext.require()全局导入：
```
Ext.require('APP.grid.plugin.MyPlugin');
```
- 或者在使用该插件的Grid类的requires数组里声明依赖：
```
Ext.define('APP.view.MyGrid', {
    extend: 'Ext.grid.Grid',
    requires: [
        'APP.grid.plugin.MyPlugin'
    ],
    plugins: ['app-grid-myplugin'] // 这里建议给插件定义一个alias，引用更简洁
});
```
顺便提一句，给插件加个alias（比如plugin.appgridmyplugin）会让引用更顺手，不用写长长的类名。