@flatjs/forge-plugin-postcss-assets

A plugin for PostCSS that used to base64, copy assets on url()

Usage no npm install needed!

<script type="module">
  import flatjsForgePluginPostcssAssets from 'https://cdn.skypack.dev/@flatjs/forge-plugin-postcss-assets';
</script>

README

The flatjs plugin @flatjs/forge-plugin-postcss-assets

Features

A plugin for PostCSS that used to base64, copy assets on url()

Installation

$ npm i --save @flatjs/forge-plugin-postcss-assets

Usage

programing

import postcss from 'postcss';
import { writeFile, readFileSync } from 'fs';
import { forgePluginPostcssAssets } from '@flatjs/forge-plugin-postcss-assets';

export function processedCss(
  fixtures: string,
  urlOpts: PostcssAssetsUrlOptions<'default'>,
  postcssOpts?: ProcessOptions,
): Promise<string> {
  return postcss()
    .use(forgePluginPostcssAssets(urlOpts))
    .process(read(fixtures), postcssOpts)
    .then((res) => res.css);
}
const css = await processedCss('fixtures/inline-fonts', {}, postcssOpts);
  expect(css).toEqual(expect.stringMatching(/;base64/));

Using with @flatjs/forge

Please see samples of @flatjs/forge-plugin-styling

# Reference
- [postcss playground](https://sneakertack.github.io/postcss-playground/)