upd file structure

dist/public/css/media.css

@@ -23,7 +23,7 @@
 @media (max-width: 1199px) {
 
     header nav,
-    main,
+    main.main-section,
     footer .container {
         padding: 0;
     }

dist/public/js/admin/materialize.config.js

@@ -0,0 +1,16 @@
+document.addEventListener('DOMContentLoaded', function () {
+    M.Sidenav.init(document.querySelectorAll('.sidenav'));
+    M.Collapsible.init(document.querySelectorAll('.collapsible'));
+    M.Modal.init(document.querySelectorAll('.modal'));
+
+    //- active временно!!!!!
+    const currentPage = document.querySelector('#editCollapse .collapsible-body ul').dataset.current;
+    const pages = document.querySelectorAll('#editCollapse .collapsible-body ul li');
+    pages.forEach(page => {
+        if (currentPage === page.dataset.page) {
+            page.classList.add('active');
+            const list = M.Collapsible.getInstance(document.querySelector('#editCollapse'));
+            list.open();
+        }
+    })
+});

dist/views/admin/assets/scripts.pug

@@ -1,19 +1,5 @@
 script(async defer src="https://buttons.github.io/buttons.js")                   
 // Maretialize JS
 script(src='https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js')                
-script.
+script(src='../js/admin/admin.js')
-    document.addEventListener('DOMContentLoaded', function () {
+script(src='../js/admin/materialize.config.js')
-        M.Sidenav.init(document.querySelectorAll('.sidenav'));
-        M.Collapsible.init(document.querySelectorAll('.collapsible'));
-        M.Modal.init(document.querySelectorAll('.modal'));
-        //- active временно!!!!!
-        const currentPage = document.querySelector('#editCollapse .collapsible-body ul').dataset.current;
-        const pages = document.querySelectorAll('#editCollapse .collapsible-body ul li');
-        pages.forEach(page => {
-            if (currentPage === page.dataset.page) {
-                page.classList.add('active');
-                const list = M.Collapsible.getInstance(document.querySelector('#editCollapse'));
-                list.open();
-            }
-        })
-    });

dist/views/assets/scripts.pug

@@ -1,5 +1,5 @@
 // Maretialize JS
 script(src='https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js')
 // Script JS
-script(src='../js/bundle.js')
+script(src='../js/main/main.js')
-script(src='../js/materialize.config.js')
+script(src='../js/main/materialize.config.js')

src/admin/index.js

@@ -0,0 +1 @@
+console.log('Control Panel');

webpack.config.js

@@ -1,15 +1,32 @@
-module.exports = {
+var config = {
-  entry: ['@babel/polyfill', './src/index.js'],
+  // TODO: Add common Configuration
-  output: {
-    path: `${__dirname}/dist/public/js`,
-    filename: 'bundle.js',
-  },
-  resolve: {
-    extensions: ['.js']
-  },
   module: {
     rules: [
       { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader' }
     ]
-  }
+  },
 };
+
+var mainApp = Object.assign({}, config, {
+  entry: ['@babel/polyfill', './src/main/index.js'],
+  output: {
+    path: `${__dirname}/dist/public/js/main`,
+    filename: 'main.js',
+  },
+  resolve: {
+    extensions: ['.js']
+  },
+});
+
+var adminApp = Object.assign({}, config,{
+  entry: ['@babel/polyfill', './src/admin/index.js'],
+  output: {
+    path: `${__dirname}/dist/public/js/admin`,
+    filename: 'admin.js',
+  },
+  resolve: {
+    extensions: ['.js']
+  },
+});
+
+module.exports = [mainApp, adminApp];