Configuring SCSS about eleventy-starter HOT 6 CLOSED

const path = require('path')
const sass = require('node-sass-promise')
const postcss = require('postcss')
const cssnano = require('cssnano')

const purgecss = require('@fullhuman/postcss-purgecss')({
  // content relative to /dist
  content: [
    './src/assets/js/**/*.js',
    './src/**/*.njk',
    './src/**/*.md',
    './src/**/*.html',
  ],

  // This is the function used to extract class names from your templates
  defaultExtractor: (content) => {
    // Capture as liberally as possible, including things like `h-(screen-1.5)`
    const broadMatches = content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || []

    // Capture classes within other delimiters like .block(class="w-1/2") in Pug
    const innerMatches = content.match(/[^<>"'`\s.()]*[^<>"'`\s.():]/g) || []

    return broadMatches.concat(innerMatches)
  },
})

const fileName = 'main.scss'
const permalink = 'assets/main.css'

module.exports = class {
  async data() {
    const rawFilepath = path.join(__dirname, fileName)

    return {
      permalink,
      rawFilepath,
      eleventyExcludeFromCollections: true,
    }
  }

  async render({ rawFilepath }) {
    const { css } = await sass.render({
      file: rawFilepath,
      includePaths: ['node_modules'],
      sourceMapContents: process.env.ELEVENTY_ENV !== 'production', // don't ship sourcemap contents in production
      sourceMapEmbed: true,
      sourceMapRoot: fileName,
    })

    return await postcss([
      require('autoprefixer'),
      ...(process.env.ELEVENTY_ENV === 'production' ? [purgecss, cssnano] : []),
    ])
      .process(css.toString(), { from: permalink })
      .then((result) => result.css)
  }
}

const outputFile = path.join(__dirname, permalink)
const { css } = await sass.render({
  file: rawFilepath,
  outFile: outputFile,
  sourceMap: true,
  includePaths: [path.resolve(path.join(__dirname, 'node_modules'))],
})

const { css } = await sass.render({
      file: rawFilepath,
      includePaths: ['node_modules'],
      sourceMapContents: process.env.ELEVENTY_ENV !== 'production', // don't ship sourcemap contents in production
      sourceMapEmbed: true,
      sourceMapRoot: fileName,
})