100 lines
4.2 KiB
JavaScript
100 lines
4.2 KiB
JavaScript
|
/**
|
||
|
|
* Configuration file for PostCSS. This is only used as part of the Hugo pipeline
|
||
|
|
* build process for our Sass files, since we run the resulting CSS through PostCSS
|
||
|
|
* at the end to do more transformations.
|
||
|
|
*/
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
plugins: [
|
||
|
|
// TailwindCSS
|
||
|
|
require("tailwindcss")("./tailwind.config.js"),
|
||
|
|
|
||
|
|
// Apply vendor prefixes for CSS features that aren't
|
||
|
|
// fully supported yet.
|
||
|
|
// require("autoprefixer")({
|
||
|
|
// overrideBrowserslist: [
|
||
|
|
// "last 2 versions"
|
||
|
|
// ]
|
||
|
|
// }),
|
||
|
|
|
||
|
|
// Remove whitespace, comments and other safe things.
|
||
|
|
// https://cssnano.co/guides/getting-started/
|
||
|
|
//
|
||
|
|
// Commented temporarily due to unexpected removal of certain CSS variables required
|
||
|
|
// by the current design. See https://github.com/pulumi/pulumi-hugo/pull/263#issuecomment-849948317
|
||
|
|
// for additional context.
|
||
|
|
// require("cssnano")({
|
||
|
|
// preset: [
|
||
|
|
// "default",
|
||
|
|
// {
|
||
|
|
// discardComments: {
|
||
|
|
// removeAll: true,
|
||
|
|
// },
|
||
|
|
// },
|
||
|
|
// ],
|
||
|
|
// }),
|
||
|
|
|
||
|
|
// Use PurgeCSS to remove unused classes for better page speed.
|
||
|
|
// Docs: https://purgecss.com/plugins/postcss.html
|
||
|
|
// require("@fullhuman/postcss-purgecss")({
|
||
|
|
// // Specify the paths to all of the template files in your project
|
||
|
|
// content: [
|
||
|
|
// // All layout files.
|
||
|
|
// "./layouts/**/*.html",
|
||
|
|
|
||
|
|
// // Some of our scripts reference CSS classes.
|
||
|
|
// "./assets/js/**/*.js",
|
||
|
|
|
||
|
|
// // Look for CSS classes in our Markdown content. We use `glob` explicitly here so we can ignore the
|
||
|
|
// // files for the API docs in ./content/docs/reference/pkg/**/* because it includes a large number of
|
||
|
|
// // files that significantly impacts build time (~25 seconds vs. many minutes). Instead, we'll only look
|
||
|
|
// // for CSS classes in a subset of packages for NodeJS and Python, which should be representative of all
|
||
|
|
// // the other packages.
|
||
|
|
// ...require("glob").sync("./content/**/*.md", {
|
||
|
|
// ignore: "./content/docs/reference/pkg/**/*"
|
||
|
|
// }),
|
||
|
|
// "./content/docs/reference/pkg/nodejs/pulumi/aws/**/*.md",
|
||
|
|
// "./content/docs/reference/pkg/python/pulumi/**/*.md",
|
||
|
|
// "./content/docs/reference/pkg/aws/s3/bucket.md",
|
||
|
|
// "./content/docs/reference/pkg/aws/cognito/userpool.md",
|
||
|
|
// "./content/docs/reference/pkg/_index.md",
|
||
|
|
// ],
|
||
|
|
|
||
|
|
// // Safelist specific classes that were being removed.
|
||
|
|
// // https://purgecss.com/safelisting.html
|
||
|
|
// safelist: {
|
||
|
|
// deep: [
|
||
|
|
// /^hs-/,
|
||
|
|
// /^highlight$/,
|
||
|
|
// /^pagination$/,
|
||
|
|
// /^code-/,
|
||
|
|
// /^copy-/,
|
||
|
|
// /^carousel/,
|
||
|
|
// /^st-/,
|
||
|
|
// /^icon-/,
|
||
|
|
// /^package-details/,
|
||
|
|
// /^resources-properties/,
|
||
|
|
// /^tabular/,
|
||
|
|
|
||
|
|
// // Safelist our web components along with any of their descendent selectors.
|
||
|
|
// /^pulumi-chooser/,
|
||
|
|
// /^pulumi-tooltip/,
|
||
|
|
// /^pulumi-banner/,
|
||
|
|
// /^pulumi-convert/,
|
||
|
|
// /^pulumi-greenhouse-jobs-list/,
|
||
|
|
// /^pulumi-audio/,
|
||
|
|
// /^pulumi-install/,
|
||
|
|
// /^pulumi-swiper/,
|
||
|
|
// /^pulumi-slot-machine/,
|
||
|
|
// ],
|
||
|
|
// },
|
||
|
|
|
||
|
|
// // We need to extract the Tailwind screen size selectors (e.g. sm, md, lg)
|
||
|
|
// // so that we do not strip them out. As long as a class name appears in the HTML
|
||
|
|
// // in its entirety, PurgeCSS will not remove it.
|
||
|
|
// // Ex. https://tailwindcss.com/docs/controlling-file-size/#writing-purgeable-html
|
||
|
|
// defaultExtractor: content => content.match(/[\w-/:]*[\w-/:]/g) || [],
|
||
|
|
// }),
|
||
|
|
],
|
||
|
|
};
|