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-assetsUsage
图片压缩优化
brew install libpng
import imageminJpegtran from 'imagemin-jpegtran';
import imageminPngquant from 'imagemin-pngquant';programing
import { forgePluginPostcssAssets } from '@flatjs/forge-plugin-postcss-assets';
import postcss from 'postcss';
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/)