sardinedev / eleventy-plugins Goto Github PK

npm install --save-dev @greyskullrocks/eleventy-plugin-tinycss

const strDate = String(Date.now());
const img2picture = require("eleventy-plugin-img2picture");
const tinyCSS = require('@sardine/eleventy-plugin-tinycss');
const eleventyPluginFilesMinifier = require("@sherby/eleventy-plugin-files-minifier");

module.exports = function (eleventyConfig) {
  eleventyConfig.setUseGitIgnore(false);

  eleventyConfig.addShortcode("fileVersion", function () {
    return strDate;
  });

  eleventyConfig.addShortcode("sitemapDate", function () {
    return new Date().toISOString().split('T')[0];
  });

  eleventyConfig.addWatchTarget("./assets/*");
  eleventyConfig.addWatchTarget("./assets/*/*");

  eleventyConfig.addPassthroughCopy({ "./assets/": "./assets/" });
  eleventyConfig.addPassthroughCopy({ "./sitemap.xml": "./sitemap.xml" });
  eleventyConfig.addPassthroughCopy({ "./robots.txt": "./robots.txt" });
  eleventyConfig.addPassthroughCopy({ "./htaccess.txt": "./htaccess.txt" });
  eleventyConfig.addPassthroughCopy({
    "./node_modules/tailwindcss/dist/tailwind.min.css": "./assets/css/tailwind.css",
  });
  eleventyConfig.addPassthroughCopy({
    "./node_modules/jquery/dist/jquery.min.js": "./assets/js/jquery.js",
  });
  eleventyConfig.addPassthroughCopy({
    "./node_modules/js-cookie/dist/js.cookie.min.js": "./assets/js/js-cookie.js",
  });

  eleventyConfig.addPlugin(img2picture, {
    eleventyInputDir: ".",
    imagesOutputDir: "_site/assets/images/",
    urlPath: "/assets/images/",
    extensions: ["jpg", "png", "jpeg"],
    formats: ["avif", "webp", "jpeg"],
    sizes: "100vw",
    minWidth: 150,
    maxWidth: 1440,
    widthStep: 150,
    fetchRemote: false,

    filenameFormat: function (id, src, width, format) {
      const path = require("path");
      const extension = path.extname(src);
      const name = path.basename(src, extension);

      return `${name}-${id}-${width}w.${format}`;
    }
  });
  
  const tinyOptions = {
    autoprefixer: {
      add: true,
      remove: false,
      supports: true
    },
  };

  eleventyConfig.addPlugin(tinyCSS, tinyOptions);

  eleventyConfig.addPlugin(eleventyPluginFilesMinifier);
};