Bladeren bron

Add `debug` prop to Html component

Konstantin Tarkus 9 jaren geleden
bovenliggende
commit
98e5a0ef6d
2 gewijzigde bestanden met toevoegingen van 5 en 2 verwijderingen
  1. 2 1
      components/Html/Html.js
  2. 3 1
      tools/render.js

+ 2 - 1
components/Html/Html.js

@@ -14,6 +14,7 @@ class Html extends Component {
     title: PropTypes.string,
     description: PropTypes.string,
     body: PropTypes.string.isRequired,
+    debug: PropTypes.bool.isRequired,
   };
 
   render() {
@@ -27,10 +28,10 @@ class Html extends Component {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="apple-touch-icon" href="apple-touch-icon.png" />
         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto" />
+        <script src={'/app.js?' + new Date().getTime()}></script>
       </head>
       <body>
         <div id="app" dangerouslySetInnerHTML={{__html: this.props.body}} />
-        <script src="/app.js"></script>
         <GoogleAnalytics />
       </body>
       </html>

+ 3 - 1
tools/render.js

@@ -10,12 +10,14 @@ import ReactDOM from 'react-dom/server';
 import Html from '../components/Html';
 import fs from './lib/fs';
 
+const DEBUG = !process.argv.includes('release');
+
 async function render(page, component) {
   const data = {
     body: ReactDOM.renderToString(component),
   };
   const file = join(__dirname, '../build', page.file.substr(0, page.file.lastIndexOf('.')) + '.html');
-  const html = ReactDOM.renderToStaticMarkup(<Html {...data} />);
+  const html = ReactDOM.renderToStaticMarkup(<Html debug={DEBUG} {...data} />);
   await fs.mkdir(dirname(file));
   await fs.writeFile(file, html);
 }