Switch from webpack to Parcel

- Removed all webpack related configurations and dependencies
- Add parcel as dependency
- Moved static imagery to wwwroot as it's not longer moved as part of
the build process unless it's referenced directly in the CSS/TypeScript
- Needed to use `errorRecovery` option due to lightgallery using out of
date CSS techniques for clearfix - parcel-bundler/parcel#8352
- Removed content hashing using custom namer due to fonts being
preloaded in HTML, thus the name can't be changed for each build
- Rename output folders/filenames to match other team's approach

content/.gitignore

@@ -35,8 +35,10 @@ msbuild.wrn
 
 # Build artifacts
 
-wwwroot/
+wwwroot/css
+wwwroot/scripts
 dist/
+**/.parcel-cache/
 
 # Dependencies
 

content/.parcelrc

@@ -0,0 +1,7 @@
+{
+    "extends": "@parcel/config-default",
+    "namers": [
+        "parcel-namer-hashless",
+        "..."
+    ]
+}

content/Assets/Styles/index.scss

@@ -15,8 +15,8 @@
 * https://necolas.github.io/normalize.css/
 */
 
-@import '../../node_modules/normalize.css/normalize';
-@import '../../node_modules/lightgallery.js/src/sass/lightgallery';
+@import url('../../node_modules/normalize.css/normalize.css');
+@import url('../../node_modules/lightgallery.js/src/sass/lightgallery.scss');
 
 @import 'defaults/all';
 

content/Assets/Styles/variables/_breakpoints.scss

@@ -6,7 +6,7 @@
  * Media query breakpoints used by sass-mq.
  */
 
-$mq-breakpoints: (
+$breakpoints: (
     mobileSmall: 320px,
     mobile: 375px,
     mobileLarge: 425px,

content/Etch.OrchardCore.ThemeBoilerplate.csproj

@@ -56,10 +56,10 @@
   </ItemGroup>
 
   <Target Name="BuildStaticAssets" AfterTargets="PreBuildEvent" Condition="'$(Configuration)' == 'Debug'">
-    <Exec Command="npm run bundle:dev" />
+    <Exec Command="npm run build" />
   </Target>
 
   <Target Name="BuildStaticAssetsForRelease" AfterTargets="PreBuildEvent" Condition="'$(Configuration)' == 'Release'">
     <Exec Command="npm run build" />
   </Target>
-</Project>
+</Project>

content/Views/Layout.liquid

@@ -13,21 +13,17 @@
             document.createElement( "picture" );
         </script>
 
-        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/fonts/manuale-v8-latin-regular.woff" as="font" type="font/woff" crossorigin="anonymous">
-        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/fonts/manuale-v8-latin-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
-        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/fonts/manuale-v8-latin-700.woff" as="font" type="font/woff" crossorigin="anonymous">
-        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/fonts/manuale-v8-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
-        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/fonts/manuale-v8-latin-italic.woff" as="font" type="font/woff" crossorigin="anonymous">
-        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/fonts/manuale-v8-latin-italic.woff2" as="font" type="font/woff2" crossorigin="anonymous">
-        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/fonts/work-sans-v9-latin-regular.woff" as="font" type="font/woff" crossorigin="anonymous">
-        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/fonts/work-sans-v9-latin-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
-        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/fonts/work-sans-v9-latin-700.woff" as="font" type="font/woff" crossorigin="anonymous">
-        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/fonts/work-sans-v9-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
-        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/fonts/work-sans-v9-latin-italic.woff" as="font" type="font/woff" crossorigin="anonymous">
-        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/fonts/work-sans-v9-latin-italic.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/css/manuale-v8-latin-regular.woff" as="font" type="font/woff" crossorigin="anonymous">
+        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/css/manuale-v8-latin-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/css/manuale-v8-latin-700.woff" as="font" type="font/woff" crossorigin="anonymous">
+        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/css/manuale-v8-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/css/work-sans-v9-latin-regular.woff" as="font" type="font/woff" crossorigin="anonymous">
+        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/css/work-sans-v9-latin-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/css/work-sans-v9-latin-700.woff" as="font" type="font/woff" crossorigin="anonymous">
+        <link rel="preload" href="/Etch.OrchardCore.ThemeBoilerplate/css/work-sans-v9-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
 
 		{% style src:"/Etch.OrchardCore.ThemeBoilerplate/css/styles.css", append_version:"true" %}
-		{% script src:"/Etch.OrchardCore.ThemeBoilerplate/js/scripts.js", append_version:"true", async: "true" %}
+		{% script src:"/Etch.OrchardCore.ThemeBoilerplate/scripts/index.js", append_version:"true", async: "true" %}
 
         {% resources type: "HeadLink" %}
         {% resources type: "Stylesheet" %}