Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript GlimmerJS:如何将Glimmer用作lib(例如AMD),而不使用ember cli/Brocoli构建_Javascript_Glimmer.js - Fatal编程技术网

Javascript GlimmerJS:如何将Glimmer用作lib(例如AMD),而不使用ember cli/Brocoli构建

Javascript GlimmerJS:如何将Glimmer用作lib(例如AMD),而不使用ember cli/Brocoli构建,javascript,glimmer.js,Javascript,Glimmer.js,提供了一系列npm软件包(实际上,官方教程中安装了20个用于简单演示的软件包)。每个软件包在dist/文件夹中包含以下子文件夹中脚本的几个变体: amd 普通的 模块 类型 这让我觉得我可以使用Glimmer作为AMD库,而不需要它的应用程序管道构建材料。 我不会再使用ember cli/Brocoli或building/packaging,我只是尝试在现有应用程序中采用Glimmer,我不想介绍它的所有构建管道魔法 所以我的问题是如何在运行时创建和呈现一个模板为字符串的Glimmer组件

提供了一系列npm软件包(实际上,官方教程中安装了20个用于简单演示的软件包)。每个软件包在
dist/
文件夹中包含以下子文件夹中脚本的几个变体:

  • amd
  • 普通的
  • 模块
  • 类型
这让我觉得我可以使用Glimmer作为AMD库,而不需要它的应用程序管道构建材料。 我不会再使用ember cli/Brocoli或building/packaging,我只是尝试在现有应用程序中采用Glimmer,我不想介绍它的所有构建管道魔法

所以我的问题是如何在运行时创建和呈现一个模板为字符串的Glimmer组件


另外,关键的一点不是将Glimmer作为AMD使用,而是在不构建的情况下使用它。

使用TypeScript Playde进行传输,然后使用Glimmer的传输导出作为应用程序的样板文件。例如:

document.body.innerText+=require;
requirejs.config({
appDir:“.”,
baseUrl:“js”
});
要求([''),foo);
函数foo(){
返回define([“require”,“exports”],函数(require,exports){
“严格使用”;
defineProperty(导出,“\uu esModule”{value:true});
exports.default={
类型:{
应用程序:{definitiveCollection:'main'},
组件:{definitiveCollection:'components'},
帮助程序:{definitiveCollection:'components'},
呈现程序:{definitiveCollection:'main'},
模板:{definitiveCollection:'components'},
util:{definitiveCollection:'utils'},
“组件管理器”:{definitiveCollection:“组件管理器”}
},
收藏:{
主要内容:{
类型:[“应用程序”、“渲染器”]
},
组成部分:{
组:“ui”,
类型:['component','template','helper'],
defaultType:“组件”
},
“组件管理器”:{
类型:[“组件管理器”]
},
UTIL:{
无法解决:对
}
}
};
});
}