add webpack action

.github/workflows/webpack.yaml

@@ -0,0 +1,37 @@
+name: Webpack
+
+on: 
+  pull_request:
+  push:
+    branches:
+    - main
+
+jobs:
+  webpack:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+      with:
+        # Make sure the actual branch is checked out when running on pull requests
+        ref: ${{ github.head_ref }}
+        # This is important to fetch the changes to the previous commit
+        fetch-depth: 0
+
+    - uses: actions/setup-node@v2
+      with:
+        node-version: '14'
+    - run: npm install
+    - run: npm run build
+    - run: |
+        echo "Amending the current commit..."
+        cd "$GITHUB_ACTION_PATH"
+
+        git config --global user.email "actions@github.com"
+        git config --global user.name "GitHub Action"
+
+        git pull
+        git add -f dist
+        git commit --amend --no-edit
+        git push origin -f

.gitignore

@@ -1 +1,2 @@
-node_modules/
+node_modules/
+dist/

webpack.config.js

@@ -1,29 +1,29 @@
-const path = require("path");
+const path = require("path");
-
+
-module.exports = {
+module.exports = {
-    entry: [path.resolve(__dirname, "./src/js/main.js"), path.resolve(__dirname, "./src/styles/main.scss")],
+    entry: [path.resolve(__dirname, "./src/js/main.js"), path.resolve(__dirname, "./src/styles/main.scss")],
-    output: {
+    output: {
-        path: path.resolve(__dirname, "dist"),
+        path: path.resolve(__dirname, "dist"),
-        filename: "dribbblish-dynamic.js"
+        filename: "dribbblish-dynamic.js"
-    },
+    },
-    module: {
+    module: {
-        rules: [
+        rules: [
-            {
+            {
-                test: /\.js$/,
+                test: /\.js$/,
-                exclude: /node_modules/,
+                exclude: /node_modules/,
-                use: []
+                use: []
-            },
+            },
-            {
+            {
-                test: /\.scss$/,
+                test: /\.scss$/,
-                exclude: /node_modules/,
+                exclude: /node_modules/,
-                use: [
+                use: [
-                    {
+                    {
-                        loader: "file-loader",
+                        loader: "file-loader",
-                        options: { name: "user.css" }
+                        options: { name: "user.css" }
-                    },
+                    },
-                    "sass-loader"
+                    "sass-loader"
-                ]
+                ]
-            }
+            }
-        ]
+        ]
-    }
+    }
-};
+};