separar generador de css a otro archivo

This commit is contained in:
Cat /dev/Nulo 2023-07-29 12:25:30 -03:00
parent 3ac021f1b3
commit 5bbcf52cd6
2 changed files with 18 additions and 16 deletions

17
src/css.js Normal file
View file

@ -0,0 +1,17 @@
import { readFile } from "node:fs/promises";
const postcssImport = require("postcss-import");
const cssnano = require("cssnano");
const tailwindPlugin = require("tailwindcss")(require("../tailwind.config"));
const postcss = require("postcss")([
postcssImport(),
require("postcss-url")({ url: "rebase" }),
tailwindPlugin,
...(process.env.ELEVENTY_ENV === "production" ? [cssnano()] : []),
]);
export async function tailwind() {
const from = "src/tailwind.css";
const css = await postcss.process(await readFile(from, "utf-8"), { from });
return css;
}

View file

@ -1,5 +1,6 @@
import h from "vhtml";
import { readFile } from "node:fs/promises";
import { tailwind } from "./css.js";
/**
* @param {import("node:fs").PathLike} path
@ -18,16 +19,6 @@ async function loadSvg(path) {
};
}
const postcssImport = require("postcss-import");
const cssnano = require("cssnano");
const tailwindPlugin = require("tailwindcss")(require("../tailwind.config"));
const postcss = require("postcss")([
postcssImport(),
require("postcss-url")({ url: "rebase" }),
tailwindPlugin,
...(process.env.ELEVENTY_ENV === "production" ? [cssnano()] : []),
]);
export async function render(data) {
const Estrellita = await loadSvg("src/assets/estrellita.svg");
const Wave = await loadSvg("src/assets/wave.svg");
@ -241,9 +232,3 @@ function fillerUdesa(n) {
/>
));
}
async function tailwind() {
const from = "src/tailwind.css";
const css = await postcss.process(await readFile(from, "utf-8"), { from });
return css;
}