37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
// CSS and JavaScript as first-class citizens in Eleventy: https://pepelsbey.dev/articles/eleventy-css-js/
|
||
|
||
const postcss = require('postcss');
|
||
const postcssImport = require('postcss-import');
|
||
const postcssImportExtGlob = require('postcss-import-ext-glob');
|
||
const tailwindcss = require('tailwindcss');
|
||
const postcssRelativeColorSyntax = require('@csstools/postcss-relative-color-syntax');
|
||
const autoprefixer = require('autoprefixer');
|
||
const cssnano = require('cssnano');
|
||
|
||
module.exports = eleventyConfig => {
|
||
eleventyConfig.addTemplateFormats('css');
|
||
|
||
eleventyConfig.addExtension('css', {
|
||
outputFileExtension: 'css',
|
||
compile: async (content, path) => {
|
||
if (path !== './src/assets/css/global.css') {
|
||
return;
|
||
}
|
||
|
||
return async () => {
|
||
let output = await postcss([
|
||
postcssImportExtGlob,
|
||
postcssImport,
|
||
tailwindcss,
|
||
postcssRelativeColorSyntax({preserve: true}),
|
||
autoprefixer,
|
||
cssnano
|
||
]).process(content, {
|
||
from: path
|
||
});
|
||
|
||
return output.css;
|
||
};
|
||
}
|
||
});
|
||
};
|