🌐 Generic Webapp

TODO

differential serving
browserslist

The Parcel CLI is built into the main parcel package. While you can install it globally and run it, it is much better to install it locally into your project as a dev dependency.

yarn add --dev parcel@next

You should also add some "scripts" to your package.json to run it easier.

Now you can run yarn start to spin up a development server and yarn build to bundle your project for production.

parcel src/index.html

package.json:

{
  "name": "my-project",
  "scripts": {
    "start": "parcel src/index.html",
    "build": "parcel build src/index.html"
  },
  "devDependencies": {
    "parcel": "next"
  }
}

src/index.html:

<!DOCTYPE html>
<html>
  <body>
    <div id="root"></div>
    <script src="./index.ts"></script>
  </body>
</html>

src/index.ts:

import React from "react";
import { render } from "react-dom";

render(<h1>Hello World</h1>, document.getElementById("root"));

¶ Configuring Parcel

When you do need to configure Parcel, it will be in one of 3 places.

If you need to configure the CLI, it will be a CLI flag
If you need to configure your package, it will be in the package.json
If you need to configure something with your files or the Parcel asset pipeline, it will be in .parcelrc