Topics/output dir (#4756)

* Give the possibility to add a --output website for build and develop

Signed-off-by: Wetteren Rémi <[email protected]>

* create folder is build directory doesn't exist

Signed-off-by: Wetteren Rémi <[email protected]>

* checking process env first

* Trigger netlify rebuild

Author: Calderis

docs/docs/building-with-components.md

@@ -161,9 +161,10 @@ import React from "react";
 import favicon from "./favicon.png";
 
 let inlinedStyles = "";
+const buildDirectory = process.env.GATSBY_BUILD_DIR || `public`
 if (process.env.NODE_ENV === "production") {
   try {
-    inlinedStyles = require("!raw-loader!../public/styles.css");
+    inlinedStyles = require(`!raw-loader!../${buildDirectory}/styles.css`);
   } catch (e) {
     console.log(e);
   }

examples/client-only-paths/src/html.js

@@ -4,9 +4,10 @@ import { TypographyStyle } from "react-typography"
 import typography from "./utils/typography"
 
 let stylesStr
+const buildDirectory = process.env.GATSBY_BUILD_DIR || `public`
 if (process.env.NODE_ENV === `production`) {
   try {
-    stylesStr = require(`!raw-loader!../public/styles.css`)
+    stylesStr = require(`!raw-loader!../${buildDirectory}/styles.css`)
   } catch (e) {
     console.log(e)
   }

examples/using-postcss-sass/src/html.js

@@ -6,9 +6,10 @@ import { TypographyStyle } from "react-typography"
 const typography = new Typography()
 
 let stylesStr
+const buildDirectory = process.env.GATSBY_BUILD_DIR || `public`
 if (process.env.NODE_ENV === `production`) {
   try {
-    stylesStr = require(`!raw-loader!../public/styles.css`)
+    stylesStr = require(`!raw-loader!../${buildDirectory}/styles.css`)
   } catch (e) {
     console.log(e)
   }

examples/using-remark/src/html.js

@@ -4,9 +4,10 @@ import { TypographyStyle } from "react-typography"
 import typography from "./utils/typography"
 
 let stylesStr
+const buildDirectory = process.env.GATSBY_BUILD_DIR || `public`
 if (process.env.NODE_ENV === `production`) {
   try {
-    stylesStr = require(`!raw-loader!../public/styles.css`)
+    stylesStr = require(`!raw-loader!../${buildDirectory}/styles.css`)
   } catch (e) {
     console.log(e)
   }

examples/using-sass/src/html.js

@@ -6,9 +6,10 @@ import { TypographyStyle } from "react-typography"
 const typography = new Typography()
 
 let stylesStr
+const buildDirectory = process.env.GATSBY_BUILD_DIR || `public`
 if (process.env.NODE_ENV === `production`) {
   try {
-    stylesStr = require(`!raw-loader!../public/styles.css`)
+    stylesStr = require(`!raw-loader!../${buildDirectory}/styles.css`)
   } catch (e) {
     console.log(e)
   }

examples/using-styled-components/src/html.js

@@ -6,7 +6,8 @@ import typography from "./utils/typography"
 let stylesStr
 if (process.env.NODE_ENV === `production`) {
   try {
-    stylesStr = require(`!raw-loader!../public/styles.css`)
+    const buildDirectory = process.env.GATSBY_BUILD_DIR || `public`
+    stylesStr = require(`!raw-loader!../${buildDirectory}/styles.css`)
   } catch (e) {
     console.log(e)
   }

examples/using-styletron/src/html.js

@@ -4,9 +4,10 @@ import { TypographyStyle } from "react-typography"
 import typography from "./utils/typography"
 
 let stylesStr
+const buildDirectory = process.env.GATSBY_BUILD_DIR || `public`
 if (process.env.NODE_ENV === `production`) {
   try {
-    stylesStr = require(`!raw-loader!../public/styles.css`)
+    stylesStr = require(`!raw-loader!../${buildDirectory}/styles.css`)
   } catch (e) {
     console.log(e)
   }

examples/using-stylus/src/html.js

@@ -6,9 +6,10 @@ import { TypographyStyle } from "react-typography"
 const typography = new Typography()
 
 let stylesStr
+const buildDirectory = process.env.GATSBY_BUILD_DIR || `public`
 if (process.env.NODE_ENV === `production`) {
   try {
-    stylesStr = require(`!raw-loader!../public/styles.css`)
+    stylesStr = require(`!raw-loader!../${buildDirectory}/styles.css`)
   } catch (e) {
     console.log(e)
   }

examples/using-typescript/src/html.tsx

@@ -5,9 +5,10 @@ import * as React from "react";
 
 // Load production style
 let styles: string;
+const buildDirectory = process.env.GATSBY_BUILD_DIR || `public`
 if (process.env.NODE_ENV === `production`) {
   try {
-    styles = require("!raw-loader!../public/styles.css");
+    styles = require(`!raw-loader!../${buildDirectory}/styles.css`);
   } catch (err) {
     console.log(err);
   }

infrastructure/build-site.js

@@ -142,7 +142,8 @@ const Main = async () => {
       updateBuild(buildId, "FAILURE")
       process.exit(code)
     }
-    const publicDir = `${pathToSite}/public`
+    const buildDirectory = process.env.GATSBY_BUILD_DIR || `public`
+    const publicDir = `${pathToSite}/${buildDirectory}`
     console.log(`uploading files from ${publicDir}`)
 
     // 1. Push built files to s3 bucket