vue-cli-plugin-vusion/webpack/loaders/module-class-priority-loader/index.js

Vue CLI Plugin for Vusion Projects

const path = require('path');
const postcss = require('postcss');
const fixPriorityPlugin = require('./fix-priority-plugin');
const { getBindingClasses } = require('./utils');

module.exports = function (content, meta) {
    const callback = this.async();

    // xxx.vue/module.css ->
    // xxx.vue ->
    // style.css x
    let vuePath = this.resourcePath;
    if (/\.css$/.test(vuePath))
        vuePath = path.dirname(vuePath);

    // Handle CSS Modules priority
    getBindingClasses(vuePath).then((classList) => {
        if (classList && classList.length) {
            const options = {
                to: this.resourcePath,
                from: this.resourcePath,
            };
            if (meta && meta.sourceRoot && meta.mappings) {
                options.map = {
                    prev: meta,
                    inline: false,
                    annotation: false,
                };
            }
            const plugins = [fixPriorityPlugin].map((plugin) => plugin({ loaderContext: this, classList }));
            postcss(plugins).process(content, options).then((result) => {
                const map = result.map && result.map.toJSON();
                callback(null, result.css, map);
            }).catch((error) => {
                callback(error);
            });
        } else
            callback(null, content, meta);
    });
};