javascript - 文本！在requireJS中

Question

最近我经常看到“文字！” 在 requireJS 模块中 - 下面的示例：

define(['text!./awesome.hbs'], function(template) {
  return {
    initialize: function() {
      this.html(template);
    }
  };
});

它代表什么？

Answer 1

text!是Require JS的一个插件的前缀，叫做text。在此处查看其网页。

基本上，它加载指定为文本的资源：

define(['text!./awesome.hbs'], function(template) {
  //template will be a text with the content of the 'awesome.hbs' file
});

Answer 2

这是 requireJS 的“文本”插件的示例：

https://github.com/requirejs/text

开发人员经常使用它来将模板资源加载到他们的代码中，但也可以用于一般的文本文件资源。文本！” 部分告诉requireJS使用文本插件，后面的文件名被加载进来。

Answer 3

这用于需要文本（显然），因此您可以将无 js 文件视为依赖项，例如模板文件，这也是最常见的用例。

使用常规的 HTML 标签构建 HTML 是很好的，而不是在脚本中构建 DOM 结构。但是，没有将 HTML 嵌入 JavaScript 文件的好方法。最好的办法是使用 HTML 字符串，但这可能很难管理，尤其是对于多行 HTML。RequireJS 有一个插件 text.js 可以帮助解决这个问题。如果文本会自动加载！前缀用于依赖。有关更多信息，请参阅 text.js 自述文件。

这是该项目的链接

https://github.com/requirejs/text