RequireJSを使用してアプリケーションを開発しました。最適化レイヤーはありません。各ファイルを個別にダウンロードする必要があります。外側のマークアップは次のとおりです。
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
var require = {
//some basic config
};
</script>
</head>
<body>
<!--snip-->
</body>
<script type="text/javascript" data-main="main" src="scripts/lib/require.min.js"></script>
</html>
これは問題なく機能しますが、100 個以上のファイルを使用すると、読み込み時間が実際に長くなります。それでは、 r.js の最適化を紹介しましょう。node と r.js を使用して結合ファイルを作成し、 に変更data-main="main"
しdata-main="_build/main"
ます。
次のエラーが表示されます。
エラー: 匿名の define() モジュールが一致しません: (crossroads.js の本体全体)
考え:
- 手動/帯域外の define() 呼び出しや匿名モジュールはありません。すべてがオプティマイザーを通過して、この 1 つのファイルに入ります。
- これは私たちのファイルではありません - crossroads.min.jsであり、オプティマイザが関与していない場合でも Require は問題なく処理できます。
私はまだ掘り下げていますが、誰かがここで時間を節約してくれることを願っています。