feat: add build script for CSS export (resolve #3)

.gitignore

@@ -1,3 +1,5 @@
 node_modules
 .DS_Store
 dist
+main.css
+!src/static/css/main.css

.npmignore

@@ -0,0 +1,16 @@
+.*.cjs
+.*.js
+.github
+.gitignore
+.husky
+.npmignore
+.nvmrc
+*.config.js
+bin
+dist
+src/_data
+src/_includes
+src/*.md
+src/*.njk
+src/static/*.njk
+src/static/design-system

.stylelintrc.js

@@ -1,8 +1,9 @@
 module.exports = {
     "extends": "stylelint-config-fluid",
-    "ignoreFiles": ["dist/**/*.css"],
+    "ignoreFiles": ["dist/**/*.css", "./main.css"],
     "rules": {
         "custom-property-pattern": null,
+        "import-notation": "string",
         "selector-class-pattern": null
     }
 };

README.md

@@ -1,9 +1,19 @@
 # Inclusive Design Guide Design System
 
+To run the design system microsite in local development mode:
+
 ```bash
-npm run dev
+npm start
+```
 
-# Or
+To build a static copy of the design system microsite, found at `./dist/`:
 
+```bash
 npm run build
 ```
+
+To build the main CSS file, found at `./main.css`:
+
+```bash
+npm run dist
+```

bin/check-imports.js

@@ -0,0 +1,23 @@
+/* eslint-disable no-console */
+
+const chalk = require("chalk");
+const fs = require("fs");
+const path = require("path");
+
+fs.readFile("./src/static/css/main.css", "utf8", (error, data) => {
+    const filenames = fs.readdirSync("./src/static/css/")
+        .map(file => path.basename(file));
+
+
+    filenames.forEach(filename => {
+        if (filename !== "main.css") {
+            if (!data.includes(filename)) {
+                console.error(chalk.red(`Error: "${filename}" not imported.`));
+                process.exit(1);
+            }
+        }
+    });
+
+    console.log(chalk.green("Success! All files are imported."));
+    process.exit();
+});