Added support for dynamic imports

Author: Jovert Lota Palonpon

.babelrc

@@ -1,6 +1,7 @@
 {
     "presets": ["@babel/preset-env", "@babel/preset-react"],
     "plugins": [
+        "@babel/plugin-syntax-dynamic-import",
         "@babel/plugin-proposal-class-properties",
         "@babel/plugin-transform-runtime"
     ]

.eslintrc

@@ -6,16 +6,18 @@
         "es6": true
     },
     "extends": "eslint:recommended",
+    "parser": "babel-eslint",
     "parserOptions": {
         "ecmaFeatures": {
             "jsx": true
         },
         "ecmaVersion": 2017,
-        "sourceType": "module"
+        "sourceType": "module",
+        "allowImportExportEverywhere": true
     },
     "plugins": ["react"],
     "rules": {
-        "indent": ["warn", 4],
+        "indent": ["warn", "4"],
         "linebreak-style": ["warn", "unix"],
         "quotes": ["warn", "single"],
         "semi": ["warn", "always"],

package-lock.json

@@ -13,6 +13,7 @@
     "dependencies": {
         "@babel/runtime": "^7.3.1",
         "@date-io/moment": "^1.1.0",
+        "@loadable/component": "^5.7.0",
         "@material-ui/core": "^3.9.2",
         "@material-ui/icons": "^3.0.2",
         "@material-ui/lab": "^3.0.0-alpha.30",
@@ -32,9 +33,11 @@
     "devDependencies": {
         "@babel/core": "^7.2.2",
         "@babel/plugin-proposal-class-properties": "^7.3.0",
+        "@babel/plugin-syntax-dynamic-import": "^7.2.0",
         "@babel/plugin-transform-runtime": "^7.2.0",
         "@babel/preset-env": "^7.3.1",
         "@babel/preset-react": "^7.0.0",
+        "babel-eslint": "^10.0.1",
         "babel-loader": "^8.0.5",
         "browser-sync": "^2.26.3",
         "browser-sync-webpack-plugin": "^2.2.2",

package.json

@@ -13,7 +13,7 @@ const BrowserSyncPlugin = require('browser-sync-webpack-plugin');
 module.exports = env => {
     // Globals
     const inProduction = env.NODE_ENV === 'production';
-    const PUBLIC_DIR = path.resolve(__dirname, './public');
+    const PUBLIC_DIR = '/';
     const SRC_DIR = path.resolve(__dirname, './resources/js');
     const DIST_DIR = path.resolve(__dirname, './public');
 
@@ -133,6 +133,7 @@ module.exports = env => {
             path: DIST_DIR,
             publicPath: PUBLIC_DIR,
             filename: 'js/[name].bundle.[contenthash].js',
+            chunkFilename: 'js/[name].bundle.[contenthash].js',
         },
 
         optimization: {