Как добавить postcss-mixins поверх postcss-env-preset?

#node.js #webpack #postcss

#node.js #webpack #postcss

Вопрос:

Я хочу добавить postcss-mixins в свой проект, который работает нормально с postcss-env-preset, пробовал, но mixins не работают, ниже мой postcss.config.js:

 const path = require('path');
const postcssPresetEnv = require('postcss-preset-env')
const mqpacker = require('css-mqpacker')
const postcssMixins = require('postcss-mixins')
module.exports = {
    plugins:  [
        postcssMixins(),
        new postcssPresetEnv(
            {
                stage: 0,
                importFrom: path.resolve(__dirname, "./util/global.css")
            }
        ),
        mqpacker({
            sort: function (a, b) {
                return a.localeCompare(b);
            }
        }),

    ]
}
 

выходные css-файлы просто оставляют строку @mixins нетронутой:
https://i.imgur.com/oYSoPEr.png