今日の午後、Grunt と Require JS を試してみました。私はtext
モジュールの大ファンで、それを使用してテンプレートを取り込みます。非 Grunt ベースのプロジェクトでは、inlineText
およびstubModules
Require 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
ファイルをインライン化していないようです
それが機能しない理由はありますか?