11

今日の午後、Grunt と Require JS を試してみました。私はtextモジュールの大ファンで、それを使用してテンプレートを取り込みます。非 Grunt ベースのプロジェクトでは、inlineTextおよびstubModulesRequire JS オプションを使用してテンプレート ファイルをインライン化し、うまく機能しました。ただし、これを Grunt で動作させるのに問題があります。

設定が必要

require.config({
    paths: {
        // Using Bower for dependency management
        text: '../components/requirejs-text/text'
    }
});

使用法

define(['text!template.html'], function (html) {
    // Do stuff with html
});

Gruntfile.js

requirejs: {
    dist: {
        options: {
            baseUrl: 'app/scripts',
            optimize: 'none',
            preserveLicenseComments: false,
            useStrict: true,
            wrap: true,
            inlineText: true,
            stubModules: ['text']
        }
    }
}

実行後grunt、コンソールにさまざまなエラーが表示されます。

  • ファイルが見つからない/dist/components/requirejs-text/text.js
  • Load timeout for modules: text!template.html_unnormalized2

次に2つの問題:

  • text.jsコードをインライン化(​​およびスタブ化)していないようです
  • template.htmlファイルをインライン化していないようです

それが機能しない理由はありますか?

4

1 に答える 1