
const postcssSVG = require('postcss-svg');

const postcss = require('postcss');

const css = `
.icon-play {
  background: url("shared-sprites#square" param(--color blue));
  width: 100px;
  background: #1a202c;
  height: 100px;
}
@svg-load nav url(sprites.svg) {
    fill: #cfc;
    path:nth-child(2) {
        fill: #ff0;
    }
}
.nav {
    background: svg-inline(nav);
}
`

const ab =async () => {
    const r =await postcss([
        require('postcss-inline-svg')({
            paths: ['src/svgs']
        }),
        postcssSVG(/* pluginOptions */{
            dirs: ['src/svgs'],
        })
    ]).process(css, {
        dirs: ['src/svgs'],
    } /*, processOptions */);
    console.log(r);
}
ab()
//
//
// const ab =async () => {
//     const a = await postcssSVG.process(`
// .icon-play {
//   background: url("shared-sprites#square" param(--color blue));
//   width: 100px;
//   background: #1a202c;
//   height: 100px;
// }
//
// `, { dirs: ['src/svgs']});
//     console.log('a', a)
//
// }
// ab()
