stencil-community / stencil-postcss

Autoprefixer plugin for Stencil
https://www.npmjs.com/package/@stencil-community/postcss
Other
30 stars 24 forks source link

No prefixes at all #26

Closed danfwdmotion closed 4 years ago

danfwdmotion commented 4 years ago

I know the plugin is hitting because if I list the browsers in the config it complains and asks me to list them in the package.json or use overrideBrowserlist instead - even when I do either of the two my code just does not contain any prefixes, I get no build errors, and no prefixes.

My browserslist:

"browserslist": [
    "> 1%",
    "IE 10",
    "iOS 7"
  ],

My config:

export const config: Config = {
    namespace: 'WebComponents',
    srcDir: 'src',
    outputTargets: [
        {
            type: 'dist'
        }
    ],
    plugins: [
        sass(),
        postcss({
            plugins: [
                autoprefixer({
                    cascade: false
                })
            ]
        })
    ]
}

I have tried using .css, .pcss and (initially .scss).

Makes no difference, all the same output with no prefixes.

Input:

.arrow-vision-carousel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff;
}

Output:

.arrow-vision-carousel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    background: rgb(0, 0, 0);
}