cleaning up the PR and fixing tests

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'},

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.

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.` 

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'},

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',