Switch to using stylus directly.

Author: XhmikosR

build.js

@@ -4,27 +4,26 @@
 
 // BUILD.JS: This file is responsible for building static HTML pages
 
+const fs = require('fs')
+const path = require('path')
 const Metalsmith = require('metalsmith')
-const autoprefixer = require('autoprefixer-stylus')
 const collections = require('metalsmith-collections')
 const feed = require('metalsmith-feed')
 const discoverHelpers = require('metalsmith-discover-helpers')
 const discoverPartials = require('metalsmith-discover-partials')
 const layouts = require('metalsmith-layouts')
 const markdown = require('metalsmith-markdown')
 const prism = require('metalsmith-prism')
-const stylus = require('metalsmith-stylus')
 const permalinks = require('metalsmith-permalinks')
 const pagination = require('metalsmith-yearly-pagination')
 const defaultsDeep = require('lodash.defaultsdeep')
+const autoprefixer = require('autoprefixer-stylus')
 const marked = require('marked')
-const path = require('path')
-const fs = require('fs')
+const stylus = require('stylus')
 const ncp = require('ncp')
 const junk = require('junk')
 
 const navigation = require('./scripts/plugins/navigation')
-const filterStylusPartials = require('./scripts/plugins/filter-stylus-partials')
 const anchorMarkdownHeadings = require('./scripts/plugins/anchor-markdown-headings')
 const loadVersions = require('./scripts/load-versions')
 const latestVersion = require('./scripts/helpers/latestversion')
@@ -238,33 +237,37 @@ function githubLinks (options) {
 }
 
 // This function builds the layouts folder for all the Stylus files.
-function buildLayouts () {
-  console.log('[metalsmith] build/layouts started')
-  const labelForBuild = '[metalsmith] build/layouts finished'
+function buildCSS () {
+  console.log('[stylus] static/css started')
+  const labelForBuild = '[stylus] static/css finished'
   console.time(labelForBuild)
 
   fs.mkdir(path.join(__dirname, 'build'), () => {
-    fs.mkdir(path.join(__dirname, 'build', 'layouts'), () => {
-      const metalsmith = Metalsmith(__dirname)
-      metalsmith
-        // Sets the build source as /layouts/css.
-        .source(path.join(__dirname, 'layouts', 'css'))
-        // Deletes Stylus partials since they'll be included in the main CSS
-        // file anyways.
-        .use(filterStylusPartials())
-        .use(stylus({
-          compress: process.env.NODE_ENV !== 'development',
-          paths: [path.join(__dirname, 'layouts', 'css')],
-          use: [autoprefixer()]
-        }))
-        // Pipes the generated files into /build/static/css.
-        .destination(path.join(__dirname, 'build/static/css'))
+    fs.mkdir(path.join(__dirname, 'build/static'), () => {
+      fs.mkdir(path.join(__dirname, 'build/static/css'), () => {
+        fs.readFile(path.join(__dirname, 'layouts/css/styles.styl'), 'utf8', (err, data) => {
+          if (err) {
+            throw err
+          }
+
+          stylus(data)
+            .set('compress', process.env.NODE_ENV !== 'development')
+            .set('paths', [path.join(__dirname, 'layouts/css')])
+            .use(autoprefixer())
+            .render((error, css) => {
+              if (error) {
+                throw error
+              }
 
-      // This actually executes the build and stops the internal timer after
-      // completion.
-      metalsmith.build((err) => {
-        if (err) { throw err }
-        console.timeEnd(labelForBuild)
+              fs.writeFile(path.join(__dirname, 'build/static/css/styles.css'), css, (err) => {
+                if (err) {
+                  throw err
+                }
+
+                console.timeEnd(labelForBuild)
+              })
+            })
+        })
       })
     })
   })
@@ -313,8 +316,8 @@ function fullBuild (opts) {
   const { selectedLocales, preserveLocale } = opts
   // Build static files.
   copyStatic()
-  // Build layouts
-  buildLayouts()
+  // Build CSS
+  buildCSS()
   getSource((err, source) => {
     if (err) { throw err }
 

package-lock.json

@@ -53,7 +53,6 @@
     "metalsmith-metadata": "0.0.4",
     "metalsmith-permalinks": "^2.2.0",
     "metalsmith-prism": "^3.1.1",
-    "metalsmith-stylus": "^3.0.0",
     "metalsmith-yearly-pagination": "^4.0.0",
     "ncp": "^2.0.0",
     "node-version-data": "^1.1.0",
@@ -63,7 +62,8 @@
     "require-dir": "^1.2.0",
     "semver": "^6.3.0",
     "st": "^1.2.2",
-    "strftime": "^0.10.0"
+    "strftime": "^0.10.0",
+    "stylus": "^0.54.7"
   },
   "devDependencies": {
     "cross-env": "^6.0.0",