diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 0e7968763..4de02fa3a 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -8,11 +8,12 @@ We use 11ty for processing CSS and HTML for the website, and Rollup.js for bundl 2. `cd` to the project directory and run `npm install` to install local modules 3. Done! Now run `npm run build` to build. -Run `npm run watch:html` before you start working on the website to build automatically as you edit files. +Run `npm run watch` before you start working on the website to build +automatically as you edit files. This also serves the website at http://localhost:8080/. Or, for individual tasks: -- `npm run watch:html` to build HTML +- `npm run watch:html` to build HTML and run a development server. - `npm run watch:css` to process PostCSS files (`*.src.css` in our repo) - `npm run watch:js` to create Color.js bundles in `dist/` diff --git a/package.json b/package.json index 5a0394af8..92555439f 100644 --- a/package.json +++ b/package.json @@ -59,7 +59,7 @@ "build:space-accessors": "node ./scripts/generate-space-accessor-types.js", "build": "run-s build:html build:css build:js build:js:legacy build:space-accessors", "watch:css": "npx postcss \"**/*.postcss\" --base . --dir . --ext .css --config postcss.config.cjs --watch", - "watch:html": "npx @11ty/eleventy --config=.eleventy.cjs --watch", + "watch:html": "npx @11ty/eleventy --config=.eleventy.cjs --serve", "watch:js": "rollup -c --watch", "watch": "run-p watch:*", "prepack": "npm run build",