@soleil-se/build-app/rollup/api/getPostcssPlugin.js

Script for building WebApps, RESTApps and Widgets with Svelte in Sitevision.

import postcss from 'rollup-plugin-postcss';

import presetEnv from 'postcss-preset-env';
import pxtorem from 'postcss-pxtorem';

import config from '@soleil-se/build-config';
import preprocessOptions from './common/preprocessOptions.js';

const plugins = [presetEnv({
  ...config?.css?.plugins?.presetEnv,
  autoprefixer: config?.css?.plugins?.autoprefixer,
})];
if (config?.css?.plugins?.pxtorem) {
  plugins.push(pxtorem(config?.css.plugins.pxtorem));
}

export default function getPostcssPlugin({ extractCss, debug }) {
  return postcss({
    plugins,
    extract: extractCss,
    minimize: { preset: 'default' },
    sourceMap: debug ? 'inline' : false,
    use: preprocessOptions,
  });
}