上一篇:使用Theia——创建插件
extension/ data/ grammars go here lib/ ... src/ ... package.json ...
然后,在package.json文件中声明以下属性,这样新提供的语法可以与源代码和编译的文件一同发布。
"files": [ "data", "lib", "src" ],
在扩展包中,我们可以通过LanguageGrammarDefinitionContribution的contribution point来提供这一特性。
@injectable() export class YourContribution implements LanguageGrammarDefinitionContribution { readonly id = ‘languageId‘; readonly scopeName = ‘source.yourLanguage‘; registerTextmateLanguage(registry: TextmateRegisty) { registry.registerTextmateGrammarScope(this.scopeName, { async getGrammarDefinition() { return { format: ‘json‘, content: require(‘../data/yourGrammar.tmLanguage.json‘), } } }); registry.mapLanguageIdToTextmateGrammar(this.id, this.scopeName); } }
如果使用.plist语法,则不能使用require来直接获取内容,因为Webpack将返回从服务器获取的文件的名称。这种情况下,可以使用下面的模式来获取文件的内容:
@injectable() export class YourContribution implements LanguageGrammarDefinitionContribution { readonly id = ‘languageId‘; readonly scopeName = ‘source.yourLanguage‘; registerTextmateLanguage(registry: TextmateRegisty) { registry.registerTextmateGrammarScope(this.scopeName, { async getGrammarDefinition() { const response = await fetch(require(‘../data/yourGrammar.plist‘)); return { format: ‘plist‘, content: await response.text(), } } }); registry.mapLanguageIdToTextmateGrammar(this.id, this.scopeName); } }
原文:https://www.cnblogs.com/jaxu/p/12158954.html