Renames main.js to app.js (#2341)

* Renames main.js to app.js

closes #2340

Author: roblarsen

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 9.0.0 (TBD)
+
+* Rename CSS file [#2342](https://github.com/h5bp/html5-boilerplate/pull/2342) and JS file [#2341](https://github.com/h5bp/html5-boilerplate/pull/2341)
+
 ## 8.0.0 (June 04, 2020)
 
 * Add a sample package.json with basic Parcel commands ([#2227](https://github.com/h5bp/html5-boilerplate/pull/2229)), ([231e047](https://github.com/h5bp/html5-boilerplate/commit/231e047d270316b454156dc261e6e04da660e2a2))

dist/doc/html.md

@@ -168,7 +168,7 @@ it before the other scripts in the bottom of the page:
     <script src="js/vendor/modernizr-3.10.0.min.js"></script>
     <script src="https://polyfill.io/v3/polyfill.min.js"></script>
     <script src="js/plugins.js"></script>
-    <script src="js/main.js"></script>
+    <script src="js/app.js"></script>
 </body>
 ```
 

dist/doc/js.md

@@ -5,7 +5,7 @@ table of contents](TOC.md)
 
 Information about the default JavaScript included in the project.
 
-## main.js
+## app.js
 
 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.

dist/doc/usage.md

@@ -35,7 +35,7 @@ A basic HTML5 Boilerplate site initially looks something like this:
 ├── doc
 ├── img
 ├── js
-│   ├── main.js
+│   ├── app.js
 │   ├── plugins.js
 │   └── vendor
 │       └── modernizr.min.js

dist/index.html

@@ -28,7 +28,7 @@
   <p>Hello world! This is HTML5 Boilerplate.</p>
   <script src="js/vendor/modernizr-3.11.3.min.js"></script>
   <script src="js/plugins.js"></script>
-  <script src="js/main.js"></script>
+  <script src="js/app.js"></script>
 
   <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
   <script>

dist/js/main.js dist/js/app.js

@@ -168,7 +168,7 @@ it before the other scripts in the bottom of the page:
     <script src="js/vendor/modernizr-3.10.0.min.js"></script>
     <script src="https://polyfill.io/v3/polyfill.min.js"></script>
     <script src="js/plugins.js"></script>
-    <script src="js/main.js"></script>
+    <script src="js/app.js"></script>
 </body>
 ```
 

dist/js/vendor/modernizr-3.11.3.min.js

@@ -5,7 +5,7 @@ table of contents](TOC.md)
 
 Information about the default JavaScript included in the project.
 
-## main.js
+## app.js
 
 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.

src/doc/html.md

@@ -35,7 +35,7 @@ A basic HTML5 Boilerplate site initially looks something like this:
 ├── doc
 ├── img
 ├── js
-│   ├── main.js
+│   ├── app.js
 │   ├── plugins.js
 │   └── vendor
 │       └── modernizr.min.js

src/doc/js.md

@@ -28,7 +28,7 @@
   <p>Hello world! This is HTML5 Boilerplate.</p>
   <script src="js/vendor/modernizr-{{MODERNIZR_VERSION}}.min.js"></script>
   <script src="js/plugins.js"></script>
-  <script src="js/main.js"></script>
+  <script src="js/app.js"></script>
 
   <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
   <script>

src/doc/usage.md

@@ -47,7 +47,7 @@ const expectedFilesInDistDir = [
   'index.html',
 
   'js/',
-  'js/main.js',
+  'js/app.js',
   'js/plugins.js',
   'js/vendor/',
   `js/vendor/modernizr-${pkg.devDependencies.modernizr}.min.js`,