Skip to main content
Version: 1.x

可用的别名

用 Create Godzilla APP 创建的 UI 项目,最开始只有 pages 目录

// 目录结构
app
-- pages
-- globals.d.ts
config
-- config.ts
package.json
... 其它配置文件

随着项目的复杂度增加,会需要更多的目录,目前框架约定支持如下其它目录

// 目录结构
app
-- pages
-- commonents // 公共业务组件
-- layouts // 界面外观配置
-- utils // 公共 utils
-- styles // 公共样式
-- images // images 目录
config
-- config.ts
package.json
... 其它配置文件

框架为这些目录提供了 webpack alias 别名配置,如下

  • @: 为 app 目录的别名(下同)
  • components: app/components
  • pages: app/pages
  • images: app/images
  • layouts: 指向项目下 app/layouts 目录,如果目录不存在,则指向脚手架下的 layouts 目录(node_modules/@gza/quantex-scaffold/app/layouts)
  • styles: 指向项目下 app/styles 目录,如果目录不存在,则指向脚手架下的 styles 目录(node_modules/@gza/quantex-scaffold/app/styles)
  • utils: 指向项目下 app/utils 目录,如果目录不存在,则指向脚手架下的 utils 目录(node_modules/@gza/quantex-scaffold/app/utils)

如果还想配置其它 alias 别名,可以修改 config/config.ts 下的 resolveAlias 配置