Momentjs-introduction
提供:Dev Guides
MomentJS-はじめに
この章では、RequireJS と *MomentJSとTypeScript を使用して* MomentJSを操作する方法について説明します。
MomentJSおよびRequireJS
RequireJSを使用したMomentJSの動作を理解するために、MomentJSとRequireJSを使用した動作例を分析してみましょう。 対応するアプリのフォルダ構造は、次の画像に示されています-
RequireJS公式サイトから取得したrequire.jsファイルを取得できます-https://requirejs.org/docs/downloadl[[[1]]]理解を深めるために次のコードを確認してください-
プロジェクトの例
main.js
以下は、ブラウザで確認できる projectl の出力です-
MomentJSおよびTypeScript
MomentJSとTypescriptプロジェクトの構築に使用されるコードは以下のとおりです-
package.json
main.ts
ファイルをtypescriptからJavaScript、つまり main.ts から main.js にビルドするには、* Gulpを使用する必要があります。 次のコードは、ファイルのビルドに使用される gulpfile .jsを示しています。 ローカルサーバーを開いて出力を表示する gulp-connect パッケージを使用していることに注意してください。
gulpfile.js
これは、上記のコードを実行したときに観察される出力です-
次の形式で示すように、フォルダ構造を見ることができます-
indexlのコードを以下に示します-
さて、 http://localhost:8080/ を開くと、次のように出力が表示されます-