CommonJSからES Modulesへの移行する方法。トップダウンかボトムアップか
Secretlint v7でCommonJS からES Modulesへの移行を行いました。 Secretlint v7.0.0をリリースしました。Pure ESMへの書き直し この記事では、CommonJS(CJS)からES Modules(ESM)への移行を行った経緯と、移行する方法について紹介します。 CJSからESMへの移行は、率直に言えば単調な作業で、メリットが見えにくい作業です。 しかし、将来的にCJSよりもESMが主流になることは間違いないので、移行することは必要です。 移行の作業は、移行方法が決まれば大部分は機械的な書き換えが可能です。 では、実際にどうやって移行したのかを紹介します。 ESMへの移行の影響は依存元へと連鎖する Secretlintのリポジトリはmonorepoになっていて、だいたい40コぐらいのパッケージが含まれています。 そしてパッケージ間で依存関係があ
JavaScriptのモジュール管理(CommonJSとかAMDとかBrowserifyとかwebpack) | tsuchikazu blog
昨年のAdvent Calendarを眺めたり、JS周りの記事を見ていると、RequireJSとか、CommonJSとか、AMD、Browserify、webpackあたりが、同じような文脈で登場するんですが、それぞれ何を指しているのかよくわからなかったため、今更ながらまとめてみます。 前提 小規模にしかJavaScriptを使っていないWebサイトでは、jQueryを使ってDomイベントで色んな処理をして、Domに反映させる。というような処理が、ごちゃっとまとめて書くことが多いかと思います。ごちゃっととは、特にDomにしか情報を保持していない状態を指していて、イメージとしてはこのようなコードです。 $(function() { # イベントハンドラ $("#btn").on("click", function(){ $.ajax({ url: "api/resources", dataT
QuickStart
Runs in browsers without manual compilation. Supports node built-ins. Offers a plugin system. Deprecated QuickStart is no longer maintained. It will still exist in npm, but no more updates will happen. We no longer use QuickStart at Spotify, and instead recommend other bundlers such as Browserify or Webpack.
Node.jsで書いてQuickStartを使ってブラウザで実行する話
QuickStartというのは、名前がややこしいですがSpotify社が出してるツールのことです。 このツールはCommonJSで書いたJavaScriptのモジュールの依存関係を解決してビルドしたり、ローダとして使えるものです。 前者のビルドする機能は簡単にいえばBrowserifyです。 QuickStartもBrowserifyと同じく、nodeのcoreモジュール等をブラウザで使える様になってます。(CoreモジュールはBrowserifyが使ってるものと同じshimが使われてる) もう一つのローダとして使えるのがこのQuickStartの面白い所なんじゃないかなと思います。 この記事では、適当に試して見たQuickStartの使い方について見ていきます。 サンプルプロジェクトは以下に置いてあります。 azu/quickstart-example ビルド ビルドする場合はBrose
Savour on the moment, while still waiting for sacred time. | Positive mindset, positive lifestyle.
In recent years, minimalist living has become a prominent lifestyle choice, especially in countries like Sweden where simplicity, functionality, and intentional living are deeply valued. This movement encourages people to eliminate clutter, prioritize quality over quantity, and embrace digital solutions that enhance everyday life without unnecessary complexity. One such solution that fits seamless
CommonJS - Plattformübergreifende JavaScript Spezifikationen
Keine Sorge – Hilfe ist nah! Melde Dich unverbindlich bei uns und wir schauen uns gemeinsam an, ob und wie wir Dich unterstützen können. Damit existierender Code in verschiedenen Umgebungen wiederverwendet werden kann, wurde das Module-System entwickelt. Module sollen dem DRY (Don’t Repeat Yourself) Prinzip dienen. Dabei werden zusammengehörende Funktionen in Module ausgelagert. Mittels der "requi
narwhal - introduction
A general purpose JavaScript platform Narwhal is a cross-platform, multi-interpreter, general purpose JavaScript platform. It aims to provide a solid foundation for building JavaScript applications, primarily outside the web browser. Narwhal includes a package manager, module system, and standard library for multiple JavaScript interpreters. Currently Narwhal’s Rhino support is the most complete,
Dynamic Script Execution Order - WHATWG Wiki
A user account is required in order to edit this wiki, but we've had to disable public user registrations due to spam. To request an account, ask an autoconfirmed user on Chat (such as one of these permanent autoconfirmed members). This page is intended to formalize the discussion around an important but currently underserved use-case (in both spec and various browser implementations): the need fo
CommonJSに基づいたモジュール管理ローダーSeaJS | JSer.info
打造最出色的模块加载框架：SeaJS Module Loader v0.3.0 预览版 - 岁月如歌 http://lifesinger.org/blog/2011/01/seajs-v0-3-0pre/ モジュールのロードに最適なフレームワークを作成するためには : SeaJS Module Loader v0.3.0 プレビュー版 というタイトルでJavaScriptでのモジュール化について書かれています。 以下は簡単な内容紹介です。(コード部分は含んでないです) scriptタグでjsファイルを複数ロードする場合は4つの問題があります。 -ブロッキング -名前空間の汚染の可能性 -依存関係を書く人が知っておく必要性 -HTTPリンクが多すぎる それぞれを解決する典型的な方法もそれぞれ4つ上げられていています。 -LabJS, HeadJS, ControlJSなどの非同期スクリプトロ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
esnext/es6-module-transpiler
GitHub - azu/eslint-cjs-to-esm: ESLint wrapper for migration from CJS to ESM.
我從 DiceCTF 2022 中學到的各種 JS 與前端冷知識
GitHub - vercel/nft: Node.js dependency tracing utility
webpack/webpack: A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders," modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffee
GitHub - thlorenz/browserify-ftw: Converts an entire project that uses requirejs amd into on that uses nodejs common modules so it can be browserified.
GitHub - briancavalier/when.js: A lightweight Promise and when() implementation, plus other async goodies.
Oni Labs Conductance