js: organized js sources in _js/, output webpacked bundle to assets/js/bundle.js

_layouts/base.html

@@ -125,7 +125,7 @@
         <a href="https://www.hci.uni-wuerzburg.de/legal/" class="u-color-disabled">Legal Information</a>
     </div>
 
-    <script type="text/javascript" src="{{ site.baseurl }}/assets/bundle.js" charset="utf-8"></script>
+    <script type="text/javascript" src="{{ site.baseurl }}/assets/js/bundle.js" charset="utf-8"></script>
 
 </body>
 

hci-theme.gemspec

@@ -17,13 +17,12 @@ Gem::Specification.new do |spec|
     '_sass/*.scss', 
     '_sass/slick-carousel/slick/*.scss', 
     '_config.yml',
-    'bibsonomy.js',
     'webpack.config.js',
     'package.json',
-    'assets/bundle.js',
     'assets/css/*',
     'assets/css/fonts/*',
-    'assets/images/*'
+    'assets/images/*',
+    'assets/js/*'
   ].to_a
 
   spec.required_ruby_version = '>= 2.7.0'

webpack.config.js

@@ -2,9 +2,9 @@ const path = require("path");
 
 module.exports = {
   context: __dirname,
-  entry: path.join(__dirname, "entry.jsx"),
+  entry: path.join(__dirname, "_js", "entry.jsx"),
   output: {
-    path: path.join(__dirname, "assets"),
+    path: path.join(__dirname, "assets", "js"),
     filename: "bundle.js"
   },
   module: {