Update dependencies and rework webpack flow

webpack.config.js

@@ -1,31 +1,33 @@
 const path = require('path');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const StyleLintPlugin = require('stylelint-webpack-plugin');
 
 module.exports = {
     mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
     devtool: 'source-map',
-    entry: [
-        './resources/sass/app.scss'
-    ],
+    entry: ['./resources/js/app.js'],
     output: {
         path: path.resolve('./public/assets'),
+        filename: 'app.js',
     },
     module: {
         rules: [{
-            test: /\.scss$/,
-            use: [{
-                loader: MiniCssExtractPlugin.loader, options: {
-                    sourceMap: true
+            test: /\.css$/,
+            exclude: /node_modules/,
+            use: [
+                {
+                    loader: MiniCssExtractPlugin.loader,
+                    options: {
+                        sourceMap: true
+                    }
+                },
+                {
+                    loader: 'css-loader',
+                    options: {
+                        sourceMap: true
+                    }
                 }
-            }, {
-                loader: 'css-loader', options: {
-                    sourceMap: true
-                }
-            }, {
-                loader: 'sass-loader', options: {
-                    sourceMap: true,
-                }
-            }]
+            ]
         }]
     },
     plugins: [
@@ -33,5 +35,10 @@ module.exports = {
             filename: 'app.css',
             chunkFilename: 'app.css',
         }),
+        new StyleLintPlugin({
+            configFile: path.resolve(__dirname + '/.stylelintrc'),
+            context: path.resolve(__dirname + '/resources/css'),
+            files: '**/*.css',
+        }),
     ]
 };