iv-viewer/build-css.cjs

A zooming and panning plugin inspired by google photos for your web images.

const fs = require('fs');
const util = require('util');
const sass = require('sass');
const autoprefixer = require('autoprefixer');
const cssnano = require('cssnano');
const postcss = require('postcss');

const writeFile = util.promisify(fs.writeFile);

// build css
const filePath = './src/scss/build.scss';
const css = sass.compile(filePath).css;

async function compileCss () {
  const unminifiedCssPromise = postcss([autoprefixer]).process(css, { from: undefined });
  const minifiedCssPromise = postcss([cssnano, autoprefixer]).process(css, { from: undefined });
  const [unminifiedCss, minifiedCss] = await Promise.all([unminifiedCssPromise, minifiedCssPromise]);

  const distUnminified = writeFile('./dist/iv-viewer.css', unminifiedCss.css);
  const distMinified = writeFile('./dist/iv-viewer.min.css', minifiedCss.css);
  const libUnminified = writeFile('./lib/iv-viewer.css', unminifiedCss.css);

  return Promise.all([distUnminified, distMinified, libUnminified]);
}

compileCss();