🌊 upstream: all the stuff just done in sapper-postcss-template and sapper-typescript-graphql-template that hasn't made its way here yet

Author: babichjacob

.gitignore

@@ -6,3 +6,5 @@ firebase-debug.log
 /node_modules/
 __sapper__/
 /src/node_modules/@sapper/
+/static/global.css
+/static/global.css.map

README.md

@@ -116,7 +116,7 @@ The [Apple touch icon](https://developer.apple.com/library/archive/documentation
 ### 🗺 Source maps
 This project base comes with [source maps](https://blog.teamtreehouse.com/introduction-source-maps) enabled during development and disabled during production for the best compromise between performance and developer experience. You can change this behavior through the `sourcemap` variable in `rollup.config.js`.
 
-### 💨 Optionally removing Tailwind CSS
+### 💨 Optionally removing Tailwind CSS (and PurgeCSS)
 
 1. Remove all Tailwind imports in the `src/global.pcss` file
 2. Remove these lines in `postcss.config.js`:

build-global-css.mjs

@@ -0,0 +1,31 @@
+import fs from "fs";
+import postcss from "postcss";
+// eslint-disable-next-line import/extensions
+import postcssConfig from "./postcss.config.js";
+
+const { readFile, unlink, writeFile } = fs.promises;
+
+const main = async () => {
+	let sourcemap = process.argv[process.argv.length - 1];
+	if (sourcemap === "true") sourcemap = true;
+	else if (sourcemap === "false") sourcemap = false;
+
+	const pcss = await readFile("src/global.pcss");
+
+	const result = await postcss(postcssConfig.plugins).process(pcss, { from: "src/global.pcss", to: "static/global.css", map: sourcemap ? { inline: sourcemap === "inline" } : false });
+
+	await writeFile("static/global.css", result.css);
+
+	if (result.map) await writeFile("static/global.css.map", result.map.toString());
+	else {
+		try {
+			await unlink("static/global.css.map");
+		} catch (err) {
+			if (err.code !== "ENOENT") {
+				throw err;
+			}
+		}
+	}
+};
+
+main();