Switched build process back to Webpack

src/assets/javascripts/index.ts

@@ -23,6 +23,9 @@
 // TODO: remove this after we finished refactoring
 // tslint:disable
 
+import "../stylesheets/app.scss"
+import "../stylesheets/app-palette.scss"
+
 import * as Clipboard from "clipboard"
 import { identity, values } from "ramda"
 import {

src/assets/javascripts/workers/search/main/index.ts

@@ -46,15 +46,15 @@ function setupLunrLanguages(config: SearchIndexConfig): void {
   const base = "../lunr"
 
   /* Add scripts for languages */
-  const scripts = [`${base}/lunr.stemmer.support.min.js`]
+  const scripts = [`${base}/min/lunr.stemmer.support.min.js`]
   for (const lang of config.lang) {
     if (lang === "ja") scripts.push(`${base}/tinyseg.js`)
-    if (lang !== "en") scripts.push(`${base}/lunr.${lang}.min.js`)
+    if (lang !== "en") scripts.push(`${base}/min/lunr.${lang}.min.js`)
   }
 
   /* Add multi-language support */
   if (scripts.length > 1)
-    scripts.push(`${base}/lunr.multi.min.js`)
+    scripts.push(`${base}/min/lunr.multi.min.js`)
 
   /* Load scripts synchronously */
   importScripts(...scripts)

src/assets/stylesheets/extensions/_admonition.scss

@@ -134,7 +134,7 @@
       @if length($names) > 1 {
         @for $n from 2 through length($names) {
           &.#{nth($names, $n)} {
-            @extend .admonition%#{nth($names, 1)};
+            @extend %#{nth($names, 1)};
           }
         }
       }

src/assets/stylesheets/utilities/_break.scss

@@ -80,7 +80,7 @@ $break-devices: () !default;
           @error "Invalid number: #{$number}";
         }
       }
-    } @elseif type-of($value) == number {
+    } @else if type-of($value) == number {
       $min: min($value, $min);
       $max: null;
     } @else {
@@ -129,7 +129,7 @@ $break-devices: () !default;
     @media only screen and (min-width: $breakpoint) {
       @content;
     }
-  } @elseif type-of($breakpoint) == list {
+  } @else if type-of($breakpoint) == list {
     $min: nth($breakpoint, 1);
     $max: nth($breakpoint, 2);
     @if type-of($min) == number and type-of($max) == number {

src/base.html

@@ -97,7 +97,7 @@
       <link
         rel="stylesheet"
         type="text/css"
-        href="{{ 'assets/stylesheets/app.min.css' | url }}"
+        href="{{ 'assets/stylesheets/app.scss' | url }}"
       />
 
       <!-- Extra color palette -->
@@ -105,7 +105,7 @@
         <link
           rel="stylesheet"
           type="text/css"
-          href="{{ 'assets/stylesheets/app-palette.min.css' | url }}"
+          href="{{ 'assets/stylesheets/app-palette.scss' | url }}"
         />
       {% endif %}