やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

require.jsのプラグインtextでテキストファイルを読み込む方法

 プレーンテキストを扱いたいときに便利。

成果物

コード抜粋

app.js

require.config({
    paths: {
        "require.text": "js/lib/require/plugin/text",
    }
});
require(['require.text!txt/hello.md'], function (txt) {
    alert(txt);
});

ローカル実行時エラー

 ローカルにあるテキストファイルを参照するとエラーになる。ブラウザのセキュリティなので仕方ないのか……。

XMLHttpRequest cannot load file:///tmp/work/JS.require.plugin.text.20180811120000/src/0/txt/hello.md. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.