[Ext JS6]工作区-Workspace

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/oscar999/article/details/84996367

Ext JS工作区概念及作用

工作区(Workspaces )支持多个应用共享框架,代码、样式和资源。

大型应用都是从单个页面的应用开始的。如果一个应用扩展到多个页面,问题就来了:
使用同一个 Sencha 的框架
跨页面使用共用代码
共享或第三方的包

工作区就是为了解决这些问题,工作区就是一个包含一个或多个页面,框架、包和其他共享代码和文件的简单目录。代码控管带工作区的根目录。任何创建在工作区目录的应用或者页面的子目录都视为工作区的组成部分, 不管层级有多深。
虽然没有强制,但是一般状况, 工作区目录作为代码控管的根目录。

Ext JS 应用的概念

在 Sencha 框架中, “应用”( application)就是指一个Web页面。这些页面会在载入的时候调用 Ext.application ()启动需要的代码。
这个我们平常理解的应用的概念会不一样。一般会把一个项目中所有的页面,也就是这个项目叫做一个应用。在理解 ExtJS的框架的时候需要注意一下。

创建一个工作区

工作区使用 Sencha cmd命令创建, 所以要安装 Sencha cmd。

切换到需要创建的目录, 命令行执行 :

sencha generate workspace myworkspace

很简单,执行完成就两个文件。(这里和官方教程不一样。官方教程还有.sencha 目录)。
.gitignore git 代码控管的例外配置
workspace.json 工作区所有应用(页面)的配置

创建页面(应用)

工作区创建完成, 就可以在工作区创建应用了。

cd myworkspace
sencha generate app --ext NewExtApp new-app

NewExtApp是构建后的名字, 可以和new-app保持一致。
完成之后会多出三个目录:
ext - Ext JS SDK 的目录
build - 构建后的输出目录
new-app 就是上面创建的新的应用了。

如果要创建多个的话,换个应用的名字就可以了, 类似:

sencha generate app --ext NewExtApp new-app2

创建完成,就有一个和new-app类似的目录, 里面也包含了 index.html。

构建应用

切换需要构建的应用的子目录, 执行build命令。

 cd new-app
  sencha app build

开发环境构建可以加上 development选项

sencha app build development

方便起见,可以考虑使用一个脚本来编译。

包管理

cmd提供了包管理工具可以下载和集成 js,样式和资源文件到应用中。
workspace.json
packages/ # 包目录
local/ # 本地工作区包
remote/ # 下载的包
一般而言, packages/remote不需要代码控管, 直接从包库下载,忽略控管就可以了。

另外,在workspace.json可以配置包的路径。

猜你喜欢

转载自blog.csdn.net/oscar999/article/details/84996367