Mitomex Blog

PARCELのはじめかた

2020-07-27

PARCEL

結論

すでにあるプロジェクトで PARCEL を使い始めるには以下の2ステップになります。

  1. yarn add parcel-bundler --dev で PARCEL を追加
  2. package.json に以下を追加
{
  "scripts": {
    "dev": parcel `entry file`,
    "build": parcel build `entry file`
  }
}

これだけではじめられます。なんて便利なんでしょう。

Example

├── package.json
└── src
    ├── index.html

index.html

<!DOCTYPE html>
<html lang="ja">
  <head>
    <title>PARCEL</title>
  </head>
  <body>
    <h1>PARCEL</h1>
  </body>
</html>

package.json

{
  "scripts": {
    "dev": parcel ./src/index.html,
    "build": parcel build ./src/index.html 
  }
}
yarn dev

これでローカルにサーバー http://localhost:1234 が立ち上がります。

参考ページ:PARCEL Getting Started