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

Vue CLI Plugin for Vusion Projects

const loaderUtils = require('loader-utils');
const path = require('path');

module.exports = function (loaderContext, localIdentName, localName, options) {
    if (!options.context)
        options.context = loaderContext.rootContext;
    const resourcePath = loaderContext.resourcePath;
    // 以最外层的 Vue 包为基准
    const request = path.relative(options.context, resourcePath.replace(/\.vue[\\/].*$/, ''));
    options.content = options.hashPrefix + request;

    if (!localIdentName.includes('[local]'))
        options.content += '+' + localName;

    const tmpPath = resourcePath
        .replace(/\.vue[\\/]/g, '_')
        .replace(/\.(vue|css)$/g, '')
        .replace(/_(module|index)$/, '');
    const vueName = path.basename(tmpPath);
    localIdentName = localIdentName.replace(/\[name\]/gi, vueName);

    if (localName === 'root')
        localIdentName = localIdentName.replace(/_\[local\]/gi, '');
    else
        localIdentName = localIdentName.replace(/\[local\]/gi, localName);

    const hash = loaderUtils.interpolateName(loaderContext, localIdentName, options);
    return hash.replace(new RegExp('[^a-zA-Z0-9\\-_\u00A0-\uFFFF]', 'g'), '-').replace(/^((-?[0-9])|--)/, '_$1');
};