refactor server test to regenerate stats fixture from example

Author: theKashey

examples/server-side-rendering/package.json

@@ -2,7 +2,7 @@
   "private": true,
   "scripts": {
     "dev": "nodemon src/server/main.js",
-    "build": "NODE_ENV=production yarn build:webpack && yarn build:lib",
+    "build": "rm -Rf ./public && NODE_ENV=production yarn build:webpack && yarn build:lib",
     "build:webpack": "webpack",
     "build:lib": "babel -d lib src",
     "start": "NODE_ENV=production node lib/server/main.js",
@@ -14,10 +14,10 @@
     "@babel/node": "^7.0.0",
     "@babel/preset-env": "^7.6.2",
     "@babel/preset-react": "^7.0.0",
-    "@loadable/babel-plugin": "^5.10.3",
-    "@loadable/component": "^5.10.3",
-    "@loadable/server": "^5.10.3",
-    "@loadable/webpack-plugin": "^5.7.1",
+    "@loadable/babel-plugin": "file:./../../packages/babel-plugin",
+    "@loadable/component": "file:./../../packages/component",
+    "@loadable/server": "file:./../../packages/server",
+    "@loadable/webpack-plugin": "file:./../../packages/webpack-plugin",
     "babel-loader": "^8.0.6",
     "css-loader": "^2.1.1",
     "mini-css-extract-plugin": "^0.6.0",

examples/server-side-rendering/src/client/App.js

@@ -7,7 +7,7 @@ const A = loadable(() => import('./letters/A'))
 const B = loadable(() => import('./letters/B'))
 const C = loadable(() => import(/* webpackPreload: true */ './letters/C'))
 const D = loadable(() => import(/* webpackPrefetch: true */ './letters/D'))
-const E = loadable(() => import('./letters/E'), { ssr: false })
+const E = loadable(() => import('./letters/E?param'), { ssr: false })
 const X = loadable(props => import(`./letters/${props.letter}`))
 const Sub = loadable(props => import(`./letters/${props.letter}/file`))
 const RootSub = loadable(props => import(`./${props.letter}/file`))

examples/server-side-rendering/src/client/letters/A.css

@@ -1 +1,4 @@
 /* A CSS */
+body {
+    background: pink;
+}

examples/server-side-rendering/src/client/main-node.js

@@ -1 +1,3 @@
 export { default } from './App'
+
+export const hello = 'hello'

examples/server-side-rendering/src/client/main.css

@@ -1 +1,4 @@
 /* Main CSS */
+h1 {
+    color: cyan;
+}

examples/server-side-rendering/webpack.config.babel.js

@@ -36,11 +36,16 @@ const getConfig = target => ({
       },
     ],
   },
+  optimization: {
+    moduleIds: 'named',
+    chunkIds: 'named',
+  },
   externals:
     target === 'node' ? ['@loadable/component', nodeExternals()] : undefined,
   output: {
     path: path.join(DIST_PATH, target),
-    filename: production ? '[name]-bundle-[chunkhash:8].js' : '[name].js',
+    // filename: production ? '[name]-bundle-[chunkhash:8].js' : '[name].js',
+    filename: production ? '[name].js' : '[name].js',
     publicPath: `/dist/${target}/`,
     libraryTarget: target === 'node' ? 'commonjs2' : undefined,
   },