Nulo/alfadatizar
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

separar generador de css a otro archivo

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

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;
}

17
src/index.11ty.jsx
View file

@ -1,5 +1,6 @@
import h from "vhtml"; import h from "vhtml";
import { readFile } from "node:fs/promises"; import { readFile } from "node:fs/promises";
import { tailwind } from "./css.js";
/** /**
* @param {import("node:fs").PathLike} path * @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) { export async function render(data) {
const Estrellita = await loadSvg("src/assets/estrellita.svg"); const Estrellita = await loadSvg("src/assets/estrellita.svg");
const Wave = await loadSvg("src/assets/wave.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;
}