CoffeeScript

CoffeeScript は、JavaScript にトランスコンパイルされる言語で、より短い構文や他の機能を使用できます。例：存在演算子、短い配列スプライシング構文、ブロック正規表現などがあります。

Parcel は @parcel/transformer-coffeescript プラグインを使用して、CoffeeScript を自動的にサポートします。.coffee ファイルが検出されると、自動的にプロジェクトにインストールされます。

CoffeeScript は JavaScript にコンパイルされ、JavaScript ドキュメントに記載されているように処理されます。

使用例

index.html

<script type="module" src="app.coffee"></script>

app.coffee

console.log 'Hello world!'

URL 依存関係

JavaScript ファイルでは、URL 依存関係を URL コンストラクターと import.meta.url を組み合わせて作成できます。これは、画像、ワーカー、サービスワーカーなどの URL を参照するために使用できます。

CoffeeScript は現在 import.meta をサポートしていません。代わりに、CommonJS 変数 __filename を file: プレフィックスと共に使用して、それを URL に変換できます。たとえば、次のように CoffeeScript でワーカーを作成できます。

new Worker new URL('worker.js', 'file:' + __filename),
  type: 'module'

イメージなどの他のタイプの依存関係についても同様です。

img = document.createElement 'img'
img.src = new URL 'hero.jpg', 'file:' + __filename
document.body.appendChild img