ExtJS 6.5类系统

时间:2017-05-17 14:08:28

标签: javascript extjs extjs6.5

上周发布了Sencha CMD和ExtJS 6.5,我很高兴在我的ExtJS项目中使用ES6课程。有了这个说法,我能够找到的唯一一种关于如何在ExtJS中实现ES6类的“文档”是去年10月的this post。虽然它给出了一个例子,但我认为我遗漏了一些东西,因为我在构建过程中遇到了以下错误。

[ERR] C2001: Closure Compiler Error (Character '@' (U+0040) is not a valid identifier start char) -- path/to/project/Foo.js:4
[ERR] C2001: Closure Compiler Error (primary expression expected) -- path/to/projectFoo.js:4:7

Foo.js

import { define }     from 'extjs-kernel'; // module names not final
import { Observable } from 'extjs-core';

import { Base }       from 'app-some';

@define({
    mixins: Observable,
    config: {
        value: null
    }
})
export default class Foo extends Base {
    updateValue (value, oldValue) {
        this.fireEvent('valuechange', value, oldValue);
    }
}

我缺少CMD命令吗?如果没有,任何进一步的解释将不胜感激。

注意

output中的app.json属性如下:

"output": {
    "base": "${workspace.build.dir}/${build.environment}/${app.name}",
    "appCache": {
        "enable": false
    },
    "js": {
        "version": "ES6"
    }
},

1 个答案:

答案 0 :(得分:4)

  

在Ext JS 6.5和Sencha Cmd 6.5(https://www.sencha.com/blog/announcing-ext-js-6-5-and-sencha-cmd-6-5-ga)中,你可以使用几乎所有的ES6语法,但是对ES6模块的支持是第7版。

来源(sencha在您提到的同一篇文章中的评论):https://www.sencha.com/blog/ext-js-and-es201567-modernizing-the-ext-js-class-system/#comment-65507