Earth/postcss.config.js at master · The-MilkyWay-Project/Earth · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
const prod = process.env.NODE_ENV === "production";
const purgecss = require("@fullhuman/postcss-purgecss");
const purgeSvelte = require("purgecss-from-svelte");

class TailwindExtractor {
  static extract(content) {
    return content.match(/[A-Za-z0-9-_:\/]+/g) || [];
  }
}

module.exports = {
  plugins: [
    require("postcss-import")(),
    require("postcss-preset-env")({
      browsers: "last 2 versions"
    }),
    require("tailwindcss")("./tailwind.config.js"),
    require("postcss-extend")(),
    require("autoprefixer")(),
    ...(prod
      ? [
          purgecss({
            content: ["**/*.svelte", "**/*.html"],
            css: ["**/*.css"],
            extractors: [
              {
                extractor: purgeSvelte,
                extensions: ["svelte"]
              },
              {
                extractor: TailwindExtractor,
                extensions: ["html"]
              }
            ]
          }),
          require("cssnano")({ preset: "default" })
        ]
      : [])
  ]
};