chore(workflow): place Webpack-generated static files in ./static/dist (#2130)

nicomiguelino · web-flow · commit 47947f421089 · 2024-11-18T12:58:01.000-08:00
diff --git a/.gitignore b/.gitignore
@@ -56,8 +56,3 @@ db.sqlite3
 
 # Django
 staticfiles/
-
-# Static files
-static/js/anthias.js*
-static/js/settings.js*
-static/css/anthias.css*
diff --git a/docker/Dockerfile.server.j2 b/docker/Dockerfile.server.j2
@@ -38,11 +38,8 @@ WORKDIR /usr/src/app
 
 {% if environment == 'production' %}
 COPY --from=node-builder \
-    /app/static/css/ \
-    /usr/src/app/static/css/
-COPY --from=node-builder \
-    /app/static/js/*.js* \
-    /usr/src/app/static/js/
+    /app/static/dist/ \
+    /usr/src/app/static/dist/
 {% endif %}
 
 ENV GIT_HASH={{ git_hash }}
diff --git a/static/spec/runner.html b/static/spec/runner.html
@@ -23,7 +23,7 @@
     <script src="/static/js/bootstrap-datepicker.js"></script>
     <script src="/static/js/bootstrap-timepicker.js"></script>
     <script src="/static/js/moment.js"></script>
-    <script src="../js/anthias.js"></script>
+    <script src="../dist/js/anthias.js"></script>
 
 </head>
 
diff --git a/templates/head.html b/templates/head.html
@@ -32,7 +32,7 @@
 <meta content="/static/favicons/mstile-310x150.png" name="msapplication-wide310x150logo"/>
 <meta content="/static/favicons/mstile-310x310.png" name="msapplication-square310x310logo"/>
 
-<link href="{% static 'css/anthias.css' %}" type="text/css" rel="stylesheet"/>
+<link href="{% static 'dist/css/anthias.css' %}" type="text/css" rel="stylesheet"/>
 
 <link href="{% static 'fontawesome/css/all.css' %}" rel="stylesheet"/>
 
diff --git a/templates/hotspot.html b/templates/hotspot.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="utf-8"/>
     <title>Hotspot Page</title>
-    <link href="/static/css/anthias.css" rel="stylesheet"/>
+    <link href="/static/dist/css/anthias.css" rel="stylesheet"/>
     <link href="https://fonts.googleapis.com/css?family=Plus Jakarta Sans" rel="stylesheet">
     <link rel="icon" href="/static/favicons/favicon.ico">
     <style type="text/css">
diff --git a/templates/index.html b/templates/index.html
@@ -35,7 +35,7 @@
         var wsAddresses = JSON.parse(document.getElementById('ws_addresses').textContent);
     </script>
 
-    <script src="{% static 'js/anthias.js' %}"></script>
+    <script src="{% static 'dist/js/anthias.js' %}"></script>
     <script src="{% static 'js/main.js' %}"></script>
 
     <script id="asset-row-template" type="text/template">
diff --git a/templates/settings.html b/templates/settings.html
@@ -11,7 +11,7 @@
     <script src="{% static 'js/jquery.fileupload.js' %}"></script> <!-- needs jqueryui.widget -->
     <script src="{% static 'js/bootstrap-datepicker.js' %}"></script>
 
-    <script src="{% static 'js/settings.js' %}"></script>
+    <script src="{% static 'dist/js/settings.js' %}"></script>
 {% endblock %}
 
 {% block content %}
diff --git a/templates/splash-page.html b/templates/splash-page.html
@@ -6,7 +6,7 @@
     {% load static %}
     <meta charset="utf-8"/>
     <title>Welcome to Anthias</title>
-    <link href="{% static 'css/anthias.css' %}" rel="stylesheet"/>
+    <link href="{% static 'dist/css/anthias.css' %}" rel="stylesheet"/>
     <link href="https://fonts.googleapis.com/css?family=Plus Jakarta Sans" rel="stylesheet">
     <link rel="icon" href="/static/favicons/favicon.ico">
     <style type="text/css">
diff --git a/webpack.common.js b/webpack.common.js
@@ -7,8 +7,9 @@ module.exports = {
         "settings": "./static/js/settings.coffee",
     },
     output: {
-        path: path.resolve(__dirname, "static"),
-        filename: "js/[name].js"
+        path: path.resolve(__dirname, "static/dist"),
+        filename: "js/[name].js",
+        clean: true,
     },
     plugins: [
         new MiniCssExtractPlugin({
