diff options
author | Anthony Perez <43166263+anthonypz@users.noreply.github.com> | 2022-03-16 23:51:52 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2022-04-13 07:14:54 +0300 |
commit | 1fed10dfb15aeb6c09b9c7f81ffe9214186ff48a (patch) | |
tree | f17a274e2db126470c834b31d77ea83cf0bb047a | |
parent | 74be17edef89275ad71c1448b11c72a328c8eeb5 (diff) |
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.
-rw-r--r-- | site/content/docs/5.1/getting-started/parcel.md | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/site/content/docs/5.1/getting-started/parcel.md b/site/content/docs/5.1/getting-started/parcel.md index 23aab00546..fe5d9da32b 100644 --- a/site/content/docs/5.1/getting-started/parcel.md +++ b/site/content/docs/5.1/getting-started/parcel.md @@ -8,7 +8,7 @@ toc: true ## Install Parcel -Install [Parcel Bundler](https://en.parceljs.org/getting_started.html). +Install [Parcel Bundler](https://parceljs.org/getting-started/webapp/). ## 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"> </head> <body> - <script src="./index.js"></script> + <script type="module" src="./index.js"></script> </body> </html> ``` @@ -78,7 +78,7 @@ Add `dev` and `build` scripts in your `package.json` file. "scripts": { "dev": "parcel ./src/index.html", "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" } ``` |