root/regexper-static
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updating prerender script to use async/await

Browse Source
This commit is contained in:
Jeff Avallone 2018-02-15 20:26:03 -05:00
parent 17e8be5f42
commit adba2999bf
3 changed files with 28 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -33,6 +33,7 @@
"react" "react"
], ],
"plugins": [ "plugins": [
"transform-runtime",
"transform-class-properties", "transform-class-properties",
"syntax-dynamic-import" "syntax-dynamic-import"
] ]
@ -118,6 +119,7 @@
"babel-loader": "^7.1.2", "babel-loader": "^7.1.2",
"babel-plugin-syntax-dynamic-import": "^6.18.0", "babel-plugin-syntax-dynamic-import": "^6.18.0",
"babel-plugin-transform-class-properties": "^6.24.1", "babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-runtime": "^6.23.0",
"babel-preset-env": "^1.6.1", "babel-preset-env": "^1.6.1",
"babel-preset-react": "^6.24.1", "babel-preset-react": "^6.24.1",
"babel-register": "^6.26.0", "babel-register": "^6.26.0",

25
src/prerender.js
View File

@ -1,20 +1,31 @@
import React from 'react'; import React from 'react';
import { renderToString } from 'react-dom/server'; import { renderToString } from 'react-dom/server';
import fs from 'fs'; import fs from 'fs';
import util from 'util';
import cheerio from 'cheerio'; import cheerio from 'cheerio';
import './i18n'; import './i18n';
const pages = fs.readdirSync('./src/pages'); const readdir = util.promisify(fs.readdir);
const readFile = util.promisify(fs.readFile);
const writeFile = util.promisify(fs.writeFile);
pages.forEach(page => { readdir('./src/pages')
import(`./pages/${ page }/Component`).then(component => { .then(pages => (
const Component = component.default; Promise.all(pages.map(async page => {
const Component = (await import(`./pages/${ page }/Component`)).default;
const pagePath = `./build/${ page }.html`; const pagePath = `./build/${ page }.html`;
const markup = cheerio.load(fs.readFileSync(pagePath)); const markup = cheerio.load(await readFile(pagePath));
markup('#root').html(renderToString(<Component/>)); markup('#root').html(renderToString(<Component/>));
fs.writeFileSync(pagePath, markup.html()); await writeFile(pagePath, markup.html());
});
console.log(`${ page } prerendered`); // eslint-disable-line no-console
}))
))
.then(() => console.log('Done prerendering')) // eslint-disable-line no-console
.catch(e => {
console.log(e.toString()); // eslint-disable-line no-console
process.exit(1);
}); });

6
yarn.lock
View File

@ -892,6 +892,12 @@ babel-plugin-transform-regenerator@^6.22.0:
dependencies: dependencies:
regenerator-transform "^0.10.0" regenerator-transform "^0.10.0"
babel-plugin-transform-runtime@^6.23.0:
version "6.23.0"
resolved "https://registry.yarnpkg.com/babel-plugin-transform-runtime/-/babel-plugin-transform-runtime-6.23.0.tgz#88490d446502ea9b8e7efb0fe09ec4d99479b1ee"
dependencies:
babel-runtime "^6.22.0"
babel-plugin-transform-strict-mode@^6.24.1: babel-plugin-transform-strict-mode@^6.24.1:
version "6.24.1" version "6.24.1"
resolved "https://registry.yarnpkg.com/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz#d5faf7aa578a65bbe591cf5edae04a0c67020758" resolved "https://registry.yarnpkg.com/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz#d5faf7aa578a65bbe591cf5edae04a0c67020758"