diff --git a/dist/js/vendor/.gitkeep b/dist/js/vendor/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/dist/webpack.config.prod.js b/dist/webpack.config.prod.js
index f6ceb060..c35245cf 100644
--- a/dist/webpack.config.prod.js
+++ b/dist/webpack.config.prod.js
@@ -13,6 +13,7 @@ module.exports = merge(common, {
       patterns: [
         { from: 'img', to: 'img' },
         { from: 'css', to: 'css' },
+        { from: 'js/vendor', to: 'js/vendor' },
         { from: 'icon.svg', to: 'icon.svg'},
         { from: 'favicon.ico', to: 'favicon.ico'},
         { from: 'tile-wide.png', to: 'tile-wide.png'},
diff --git a/docs/js.md b/docs/js.md
index 8f34fa17..161fc725 100644
--- a/docs/js.md
+++ b/docs/js.md
@@ -10,3 +10,7 @@ Information about the default JavaScript included in the project.
 This file can be used to contain or reference your site/app JavaScript code. If
 you're working on something more advanced you might replace this file entirely.
 That's cool.
+
+## vendor
+
+This directory can be used to contain all third-party library code.
diff --git a/docs/usage.md b/docs/usage.md
index 4af6de2d..4774a494 100644
--- a/docs/usage.md
+++ b/docs/usage.md
@@ -36,6 +36,7 @@ A basic HTML5 Boilerplate site initially looks something like this:
 ├── img
 ├── js
 │   ├── app.js
+    └── vendor
 ├── .editorconfig
 ├── 404.html
 ├── favicon.ico
@@ -151,6 +152,7 @@ It copies the following files and folders to the dist folder:
 
 * css
 * img
+* js/vendor
 * 404.html    
 * favicon.ico  
 * icon.png  
@@ -160,3 +162,6 @@ It copies the following files and folders to the dist folder:
 * site.webmanifest 
 * tile.png  
 * tile-wide.png
+
+`js/vendor` is copied over in order to allow you to use unprocessed JS files 
+ in addition to the files bundled based on the project's entry point `app.js.` 
\ No newline at end of file
diff --git a/src/webpack.config.prod.js b/src/webpack.config.prod.js
index f6ceb060..c35245cf 100644
--- a/src/webpack.config.prod.js
+++ b/src/webpack.config.prod.js
@@ -13,6 +13,7 @@ module.exports = merge(common, {
       patterns: [
         { from: 'img', to: 'img' },
         { from: 'css', to: 'css' },
+        { from: 'js/vendor', to: 'js/vendor' },
         { from: 'icon.svg', to: 'icon.svg'},
         { from: 'favicon.ico', to: 'favicon.ico'},
         { from: 'tile-wide.png', to: 'tile-wide.png'},
diff --git a/test/file_existence.mjs b/test/file_existence.mjs
index 146dc953..9c133103 100644
--- a/test/file_existence.mjs
+++ b/test/file_existence.mjs
@@ -39,6 +39,8 @@ const expectedFilesInDistDir = [
 
   'js/',
   'js/app.js',
+  'js/vendor/',
+  'js/vendor/.gitkeep',
   'LICENSE.txt',
   'robots.txt',
   'site.webmanifest',