diff --git a/examples/server-side-rendering/README.md b/examples/server-side-rendering/README.md index 6e9238104..a45b5c24b 100644 --- a/examples/server-side-rendering/README.md +++ b/examples/server-side-rendering/README.md @@ -10,6 +10,7 @@ git clone https://github.com/gregberge/loadable-components.git 2. Install [https://yarnpkg.com/lang/en/docs/install](yarn) if haven't already 3. Install libary dependencies and build library + ```bash yarn yarn build @@ -20,6 +21,7 @@ yarn build ```bash cd ./loadable-components/examples/server-side-rendering ``` + 5. Install project dependencies ```bash diff --git a/packages/component/src/createLoadable.js b/packages/component/src/createLoadable.js index a3b102c71..3dc657ba8 100644 --- a/packages/component/src/createLoadable.js +++ b/packages/component/src/createLoadable.js @@ -33,8 +33,7 @@ const withChunkExtractor = Component => { ) if (Component.displayName) { - LoadableWithChunkExtractor.displayName = - `${Component.displayName}WithChunkExtractor`; + LoadableWithChunkExtractor.displayName = `${Component.displayName}WithChunkExtractor` } return LoadableWithChunkExtractor } diff --git a/packages/server/src/ChunkExtractor.js b/packages/server/src/ChunkExtractor.js index 8ffadbd5a..9341209c9 100644 --- a/packages/server/src/ChunkExtractor.js +++ b/packages/server/src/ChunkExtractor.js @@ -234,7 +234,9 @@ class ChunkExtractor { const resolvedFilename = typeof filename === 'object' && filename.name ? filename.name : filename const resolvedIntegrity = - typeof filename === 'object' && filename.integrity ? filename.integrity : null + typeof filename === 'object' && filename.integrity + ? filename.integrity + : null return { filename: resolvedFilename, diff --git a/packages/server/src/ChunkExtractor.test.js b/packages/server/src/ChunkExtractor.test.js index 4ee956329..b8ed0e897 100644 --- a/packages/server/src/ChunkExtractor.test.js +++ b/packages/server/src/ChunkExtractor.test.js @@ -113,7 +113,10 @@ describe('ChunkExtrator', () => { assets: stats.namedChunkGroups.main.assets.map(name => ({ name, // pseudo hash - reversed name - integrity: name.split('').reverse().join(''), + integrity: name + .split('') + .reverse() + .join(''), })), }, }, diff --git a/packages/server/src/util.js b/packages/server/src/util.js index bbe113a4a..dd7832aee 100644 --- a/packages/server/src/util.js +++ b/packages/server/src/util.js @@ -1,10 +1,13 @@ // Use __non_webpack_require__ to prevent Webpack from compiling it // when the server-side code is compiled with Webpack // eslint-disable-next-line camelcase, no-undef, global-require, import/no-dynamic-require, no-eval -const getRequire = () => typeof __non_webpack_require__ !== 'undefined' ? __non_webpack_require__ : eval('require'); +const getRequire = () => + typeof __non_webpack_require__ !== 'undefined' + ? __non_webpack_require__ + : eval('require') export const clearModuleCache = moduleName => { - const { cache } = getRequire(); + const { cache } = getRequire() const m = cache[moduleName] if (m) { // remove self from own parents diff --git a/packages/webpack-plugin/src/index.js b/packages/webpack-plugin/src/index.js index 113c8e00d..a8dbcbdde 100644 --- a/packages/webpack-plugin/src/index.js +++ b/packages/webpack-plugin/src/index.js @@ -35,7 +35,7 @@ class LoadablePlugin { stats.generator = 'loadable-components' // we don't need all chunk information, only a type - stats.chunks = [...compilation.chunks].map((chunk) => { + stats.chunks = [...compilation.chunks].map(chunk => { return { id: chunk.id, files: [...chunk.files], @@ -46,7 +46,8 @@ class LoadablePlugin { Object.values(stats.namedChunkGroups).forEach(namedChunkGroup => { namedChunkGroup.assets.forEach(namedChunkGroupAsset => { if (!namedChunkGroupAsset.integrity) { - const asset = stats.assets.find(a => a.name === namedChunkGroupAsset.name) || {} + const asset = + stats.assets.find(a => a.name === namedChunkGroupAsset.name) || {} if (asset.integrity) { namedChunkGroupAsset.integrity = asset.integrity } @@ -124,8 +125,7 @@ class LoadablePlugin { compilation.hooks.processAssets.tap( { name, - stage: - compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_REPORT, + stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_REPORT, }, () => { const asset = this.handleEmit(compilation)