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

Features

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

Installation

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

Usage

图片压缩优化

1brew install libpng
2import imageminJpegtran from 'imagemin-jpegtran';
3import imageminPngquant from 'imagemin-pngquant';

programing

1import { forgePluginPostcssAssets } from '@flatjs/forge-plugin-postcss-assets';
2import postcss from 'postcss';
3
4export function processedCss(
5  fixtures: string,
6  urlOpts: PostcssAssetsUrlOptions<'default'>,
7  postcssOpts?: ProcessOptions,
8): Promise<string> {
9  return postcss()
10    .use(forgePluginPostcssAssets(urlOpts))
11    .process(read(fixtures), postcssOpts)
12    .then((res) => res.css);
13}
14const css = await processedCss('fixtures/inline-fonts', {}, postcssOpts);
15expect(css).toEqual(expect.stringMatching(/;base64/));

Using with @flatjs/forge

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

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