diff --git a/README.md b/README.md
index 50e25762d..b78d9ce2a 100644
--- a/README.md
+++ b/README.md
@@ -59,6 +59,8 @@ To generate a production build, run the following command.
 npm run build
 ```
 
+You can also run `npm run build:serve` to start an [`http-server`](https://www.npmjs.com/package/http-server) instance on `http://localhost:4000` after the build completes, so you can preview the production build.
+
 ### Creating New Components
 
 To scaffold a new component, run the following command, replacing `wa-tag-name` with the desired tag name.
diff --git a/docs/.eleventy.js b/docs/.eleventy.js
index 0ed4214ca..86bba34fd 100644
--- a/docs/.eleventy.js
+++ b/docs/.eleventy.js
@@ -26,8 +26,8 @@ const globalData = {
   layout: 'page.njk',
 };
 
-const passThroughExtensions = ['css', 'png', 'svg', 'jpg', 'mp4'];
-const passThrough = ['docs/**/*.js', ...passThroughExtensions.map(ext => '**/*.' + ext)];
+const passThroughExtensions = ['js', 'css', 'png', 'svg', 'jpg', 'mp4'];
+const passThrough = [...passThroughExtensions.map(ext => 'docs/**/*.' + ext)];
 
 export default function (eleventyConfig) {
   // NOTE - alpha setting removes certain pages
diff --git a/package.json b/package.json
index 898721bd4..2ca2c0372 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,9 @@
   "scripts": {
     "start": "node scripts/build.js --develop",
     "build": "node scripts/build.js",
+    "build:serve": "npm run build && npx http-server _site -p 4000",
     "build:alpha": "node scripts/build.js --alpha",
+    "build:alpha:serve": "npm run build:alpha && npx http-server _site -p 4000",
     "start:alpha": "node scripts/build.js --alpha --develop",
     "publish-alpha-cdn": "./publish-alpha-cdn.sh",
     "create": "plop --plopfile scripts/plop/plopfile.js",