IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
HomeGetting StartedMotivationWhat is webpack?InstallationUsageRequire ModulesVendor ModulesUsing LoadersUsing PluginsDev ToolsTroubleshootingtutorials and examplesGetting startedList of tutorialsexamplesGuidesCommonJsAMDwebpack for browserify usersCode SplittingStylesheetsOptimizationLong-term CachingHow to write a loaderHow to write a pluginMultiple entry pointsLibrary and externalsShimming modul
さて、RequireJS、Browserify、webpackなど様々なクライアントサイドの依存管理ツールが出ていますが今日はjspmについて紹介します。 jspmとは jspmとはSystemJSを利用したクライアントサイドのモジュールローダーのためのパッケージ管理システムです。不明な言葉が連続しますね、そもそものSystemJSとは何なのでしょうか? jspm SystemJSとは SystemJSとはES6 modules,AMD,CommonJS,global scriptなどこれまでに登場してきた様々なJavaScriptのモジュール管理方法を普遍的な形で利用できるモジュールローダーです。また、Traceur CompilerとBabelなどのtranspilerを利用して使うことが前提とされています。 SystemJSは、Browserifyとは異なりビルドを必要とせず開発中は
jspm は npm + bower + requirejs 的なパッケージマネージャなのだけど、標準で traceur または babel (init 時にどちらか選べる)がバンドルされ、systemjs を介して es6-module-loader も有効になるので、ES6 生活を始めるのに便利そう。話題の Aurelia.js も、ES6対応のための標準ライブラリとしてjspmを活用している。 非常に初歩の初歩の取っ掛かりだけど、JavaScript Modules and Dependencies with jspm を参考に、会社で使っている bacon.js と、そのプラグインの bacon.matchers を jspm でインストールして、ES6ベースの code から呼び出すところまでやってみた。 jspm のインストール
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く