Update parcel.md

Following the Parcel v1 installation guide seems to install the latest version of Parcel (v2), which makes several instructions in this guide throw errors. Therefore, I have updated the guide to work with version 2 of Parcel.

Change Details:
1) Update the URL to point to the latest doc pages.
2) Use the `type="module"` HTML attribute to reference a module [migration](https://parceljs.org/getting-started/migration/#code-changes)
3) The `--out-dir <dir>` CLI parameter has been changed to `--dist-dir <dir>` [CLI](https://parceljs.org/features/cli/#parameters)
4)  For a reason I'm unsure of, `--experimental-scope-hoisting` throws the following error: `error: unknown option '--experimental-scope-hoisting'`, so I removed it to get the build to work.
This commit is contained in:
Anthony Perez 2022-03-16 13:51:52 -07:00 committed by Mark Otto
parent 74be17edef
commit 1fed10dfb1
1 changed files with 3 additions and 3 deletions

View File

@ -8,7 +8,7 @@ toc: true
## Install Parcel ## Install Parcel
Install [Parcel Bundler](https://en.parceljs.org/getting_started.html). Install [Parcel Bundler](https://parceljs.org/getting-started/webapp/).
## Install Bootstrap ## Install Bootstrap
@ -65,7 +65,7 @@ Include `src/index.js` before the closing `</body>` tag.
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body> <body>
<script src="./index.js"></script> <script type="module" src="./index.js"></script>
</body> </body>
</html> </html>
``` ```
@ -78,7 +78,7 @@ Add `dev` and `build` scripts in your `package.json` file.
"scripts": { "scripts": {
"dev": "parcel ./src/index.html", "dev": "parcel ./src/index.html",
"prebuild": "npx rimraf build", "prebuild": "npx rimraf build",
"build": "parcel build --public-url ./ ./src/index.html --experimental-scope-hoisting --out-dir build" "build": "parcel build --public-url ./ ./src/index.html --dist-dir build"
} }
``` ```