vue-cli-plugin-vusion/webpack/getVariablesPostcssPlugins.js

Vue CLI Plugin for Vusion Projects

const postcssImportResolver = require('postcss-import-resolver');
const postcssVusionExtendMark = require('./postcss/extend-mark');
const postcssVusionExtendMerge = require('./postcss/extend-merge');

const map2obj = ((map) => {
    const obj = {};
    map.forEach((value, key) => { obj[key] = value; });
    return obj;
});

module.exports = function getVariablesPostcssPlugins(config) {
    const alias = map2obj(config.resolve.alias.store);
    const postcssExtendMark = postcssVusionExtendMark({
        resolve: postcssImportResolver({
            extensions: ['.js'],
            alias,
        }),
    });
    return [
        postcssExtendMark,
        require('postcss-import')({
            resolve: postcssImportResolver({
                alias,
            }),
            skipDuplicates: false,
            plugins: [postcssExtendMark],
        }),
        require('postcss-variables'),
        postcssVusionExtendMerge,
        require('./postcss/custom-properties-reader'),
        require('@vusion/postcss-calc'),
        require('./postcss/custom-properties-reader/get-custom-properties-computed'),
    ];
};