refactor: reaname output file to chunk hash & indent problem

src/index.js

@@ -1,5 +1,5 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import App from "./App";
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App';
 
-ReactDOM.render(<App />, document.getElementById("app"));
+ReactDOM.render(<App />, document.getElementById('app'));

src/pages/Loadable/Loadable.jsx

@@ -2,7 +2,7 @@ import React from "react";
 import loadable from "@loadable/component";
 
 const SearchLoadable = loadable(() => import("../Search/Search"), {
-  fallback: <div>Loading...</div>
+	fallback: <div>Loading...</div>
 })
 
 export { SearchLoadable };

webpack.config.js

@@ -11,7 +11,7 @@ module.exports = {
   entry: './src/index.js',
   resolve: { extensions: ['.js', '.jsx'] },
   output: {
-    filename: '[name].js',
+    filename: '[name].[chunkhash].js',
     path: path.join(__dirname, '/dist'),
     clean: true,
   },