javascript - 文章！requireJS内

Question

最近「テキスト！」をよく見かけます。requireJS モジュール内 - 以下の例:

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

それは何の略ですか？

Answer 1

text!テキストと呼ばれる Require JS のプラグインのプレフィックスです。ここのウェブページを参照してください。

基本的に、テキストとして指定されたリソースをロードします。

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 ファイルを依存関係 (テンプレート ファイルなど) として扱うことができます。これは最も一般的なユース ケースでもあります。

スクリプトで DOM 構造を構築する代わりに、通常の HTML タグを使用して HTML を構築すると便利です。ただし、JavaScript ファイルに HTML を埋め込む良い方法はありません。できる最善の方法は、HTML の文字列を使用することですが、特に複数行の HTML の場合、管理が難しい場合があります。RequireJS には、この問題に役立つプラグイン text.js があります。テキストなら自動で読み込まれます！プレフィックスは依存関係に使用されます。詳細については、text.js README を参照してください。

ここにプロジェクトのリンクがあります

https://github.com/requirejs/text