[TASK] Optimize webpack common

Author: misterboe

Configuration/TypoScript/page/page.typoscript

@@ -84,7 +84,7 @@ page {
   ## includeCSS
   ###
   includeCSS {
-    style = EXT:startpilot/Resources/Public/style.css
+    style = EXT:startpilot/Resources/Public/main.css
   }
 
   ###

Resources/Build/Assets/Scss/style.scss Resources/Build/Assets/Scss/main.scss

@@ -1,18 +1,14 @@
 // VARIABLES OVERWRITES
 @import "base/b-variables";
 @import "base/b-bootstrap-variables";
-
 // BOOTSTRAP
-
 // Core variables and mixins
 @import "~bootstrap/scss/functions";
 @import "~bootstrap/scss/variables";
 @import "~bootstrap/scss/mixins";
 @import "~bootstrap/scss/utilities";
-
 // Reset and dependencies
 @import "~bootstrap/scss/print";
-
 // Core CSS
 @import "~bootstrap/scss/reboot";
 @import "~bootstrap/scss/images";
@@ -24,18 +20,21 @@
 @import "~bootstrap/scss/nav";
 @import "~bootstrap/scss/navbar";
 @import "~bootstrap/scss/transitions";
-
 // Layout
 @import "layout/l-body";
 @import "layout/l-header";
 @import "layout/l-footer";
-
 // Fonts
 @import "fonts/roboto";
-
 // Content Elements
 @import "content-elements/ce-includes";
 
 body {
     font-family: Roboto;
 }
+
+@media (min-width: 576px) {
+    body {
+        background-color: green;
+    }
+}

Resources/Build/index.js

@@ -0,0 +1,2 @@
+import './Assets/Scss/main.scss'
+import './Assets/JavaScripts/main'

Resources/Build/package-lock.json

@@ -4,18 +4,15 @@ const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const CleanWebpackPlugin = require('clean-webpack-plugin');
 const WebpackBar = require('webpackbar');
-const StyleLintPlugin = require('stylelint-webpack-plugin');
 const CopyPlugin = require('copy-webpack-plugin');
 const FriendlyErrorsWebpackPlugin = require('friendly-errors-webpack-plugin');
 const ImageminPlugin = require('imagemin-webpack-plugin').default;
 
-
 module.exports = {
     stats: 'none',
-    entry: ['./Assets/Scss/style.scss', './Assets/JavaScripts/main.js'],
+    entry: ['./index.js'],
     output: {
         path: path.resolve(__dirname, '../Public'),
-        filename: 'main.js',
     },
     optimization: {
         minimizer: [new UglifyJsPlugin()]
@@ -127,7 +124,6 @@ module.exports = {
         }),
         new FriendlyErrorsWebpackPlugin(),
         new MiniCssExtractPlugin({
-            filename: "style.css"
         }),
         new UglifyJsPlugin({
             extractComments: true