@mpxjs/webpack-plugin
Version:
mpx compile core
1,313 lines (1,075 loc) • 35.6 kB
JavaScript
/* eslint-disable operator-linebreak */
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
const { fileURLToPath } = require('url')
const path = require('path')
const isUrlRequest = require('../utils/is-url-request')
const modulesValues = require('postcss-modules-values')
const localByDefault = require('postcss-modules-local-by-default')
const extractImports = require('postcss-modules-extract-imports')
const modulesScope = require('postcss-modules-scope')
const WEBPACK_IGNORE_COMMENT_REGEXP = /webpackIgnore:(\s+)?(true|false)/
const matchRelativePath = /^\.\.?[/\\]/
function isAbsolutePath (str) {
return path.posix.isAbsolute(str) || path.win32.isAbsolute(str)
}
function isRelativePath (str) {
return matchRelativePath.test(str)
}
// TODO simplify for the next major release
function stringifyRequest (loaderContext, request) {
if (
typeof loaderContext.utils !== 'undefined' &&
typeof loaderContext.utils.contextify === 'function'
) {
return JSON.stringify(
loaderContext.utils.contextify(
loaderContext.context || loaderContext.rootContext,
request
)
)
}
const splitted = request.split('!')
const { context } = loaderContext
return JSON.stringify(
splitted
.map((part) => {
// First, separate singlePath from query, because the query might contain paths again
const splittedPart = part.match(/^(.*?)(\?.*)/)
const query = splittedPart ? splittedPart[2] : ''
let singlePath = splittedPart ? splittedPart[1] : part
if (isAbsolutePath(singlePath) && context) {
singlePath = path.relative(context, singlePath)
if (isAbsolutePath(singlePath)) {
// If singlePath still matches an absolute path, singlePath was on a different drive than context.
// In this case, we leave the path platform-specific without replacing any separators.
// @see https://github.com/webpack/loader-utils/pull/14
return singlePath + query
}
if (isRelativePath(singlePath) === false) {
// Ensure that the relative path starts at least with ./ otherwise it would be a request into the modules directory (like node_modules).
singlePath = `./${singlePath}`
}
}
return singlePath.replace(/\\/g, '/') + query
})
.join('!')
)
}
// We can't use path.win32.isAbsolute because it also matches paths starting with a forward slash
const IS_NATIVE_WIN32_PATH = /^[a-z]:[/\\]|^\\\\/i
const IS_MODULE_REQUEST = /^[^?]*~/
function urlToRequest (url, root) {
let request
if (IS_NATIVE_WIN32_PATH.test(url)) {
// absolute windows path, keep it
request = url
} else if (typeof root !== 'undefined' && /^\//.test(url)) {
request = root + url
} else if (/^\.\.?\//.test(url)) {
// A relative url stays
request = url
} else {
// every other url is threaded like a relative url
request = `./${url}`
}
// A `~` makes the url an module
if (IS_MODULE_REQUEST.test(request)) {
request = request.replace(IS_MODULE_REQUEST, '')
}
return request
}
// eslint-disable-next-line no-useless-escape
const regexSingleEscape = /[ -,.\/:-@[\]\^`{-~]/
const regexExcessiveSpaces =
/(^|\\+)?(\\[A-F0-9]{1,6})\x20(?![a-fA-F0-9\x20])/g
const preserveCamelCase = (string) => {
let result = string
let isLastCharLower = false
let isLastCharUpper = false
let isLastLastCharUpper = false
for (let i = 0; i < result.length; i++) {
const character = result[i]
if (isLastCharLower && /[\p{Lu}]/u.test(character)) {
result = `${result.slice(0, i)}-${result.slice(i)}`
isLastCharLower = false
isLastLastCharUpper = isLastCharUpper
isLastCharUpper = true
i += 1
} else if (
isLastCharUpper &&
isLastLastCharUpper &&
/[\p{Ll}]/u.test(character)
) {
result = `${result.slice(0, i - 1)}-${result.slice(i - 1)}`
isLastLastCharUpper = isLastCharUpper
isLastCharUpper = false
isLastCharLower = true
} else {
isLastCharLower =
character.toLowerCase() === character &&
character.toUpperCase() !== character
isLastLastCharUpper = isLastCharUpper
isLastCharUpper =
character.toUpperCase() === character &&
character.toLowerCase() !== character
}
}
return result
}
function camelCase (input) {
let result = input.trim()
if (result.length === 0) {
return ''
}
if (result.length === 1) {
return result.toLowerCase()
}
const hasUpperCase = result !== result.toLowerCase()
if (hasUpperCase) {
result = preserveCamelCase(result)
}
return result
.replace(/^[_.\- ]+/, '')
.toLowerCase()
.replace(/[_.\- ]+([\p{Alpha}\p{N}_]|$)/gu, (_, p1) => p1.toUpperCase())
.replace(/\d+([\p{Alpha}\p{N}_]|$)/gu, (m) => m.toUpperCase())
}
function escape (string) {
let output = ''
let counter = 0
while (counter < string.length) {
// eslint-disable-next-line no-plusplus
const character = string.charAt(counter++)
let value
// eslint-disable-next-line no-control-regex
if (/[\t\n\f\r\x0B]/.test(character)) {
const codePoint = character.charCodeAt()
value = `\\${codePoint.toString(16).toUpperCase()} `
} else if (character === '\\' || regexSingleEscape.test(character)) {
value = `\\${character}`
} else {
value = character
}
output += value
}
const firstChar = string.charAt(0)
if (/^-[-\d]/.test(output)) {
output = `\\-${output.slice(1)}`
} else if (/\d/.test(firstChar)) {
output = `\\3${firstChar} ${output.slice(1)}`
}
// Remove spaces after `\HEX` escapes that are not followed by a hex digit,
// since they’re redundant. Note that this is only possible if the escape
// sequence isn’t preceded by an odd number of backslashes.
output = output.replace(regexExcessiveSpaces, ($0, $1, $2) => {
if ($1 && $1.length % 2) {
// It’s not safe to remove the space, so don’t.
return $0
}
// Strip the space.
return ($1 || '') + $2
})
return output
}
function gobbleHex (str) {
const lower = str.toLowerCase()
let hex = ''
let spaceTerminated = false
// eslint-disable-next-line no-undefined
for (let i = 0; i < 6 && lower[i] !== undefined; i++) {
const code = lower.charCodeAt(i)
// check to see if we are dealing with a valid hex char [a-f|0-9]
const valid = (code >= 97 && code <= 102) || (code >= 48 && code <= 57)
// https://drafts.csswg.org/css-syntax/#consume-escaped-code-point
spaceTerminated = code === 32
if (!valid) {
break
}
hex += lower[i]
}
if (hex.length === 0) {
// eslint-disable-next-line no-undefined
return undefined
}
const codePoint = parseInt(hex, 16)
const isSurrogate = codePoint >= 0xd800 && codePoint <= 0xdfff
// Add special case for
// "If this number is zero, or is for a surrogate, or is greater than the maximum allowed code point"
// https://drafts.csswg.org/css-syntax/#maximum-allowed-code-point
if (isSurrogate || codePoint === 0x0000 || codePoint > 0x10ffff) {
return ['\uFFFD', hex.length + (spaceTerminated ? 1 : 0)]
}
return [
String.fromCodePoint(codePoint),
hex.length + (spaceTerminated ? 1 : 0)
]
}
const CONTAINS_ESCAPE = /\\/
function unescape (str) {
const needToProcess = CONTAINS_ESCAPE.test(str)
if (!needToProcess) {
return str
}
let ret = ''
for (let i = 0; i < str.length; i++) {
if (str[i] === '\\') {
const gobbled = gobbleHex(str.slice(i + 1, i + 7))
// eslint-disable-next-line no-undefined
if (gobbled !== undefined) {
ret += gobbled[0]
i += gobbled[1]
// eslint-disable-next-line no-continue
continue
}
// Retain a pair of \\ if double escaped `\\\\`
// https://github.com/postcss/postcss-selector-parser/commit/268c9a7656fb53f543dc620aa5b73a30ec3ff20e
if (str[i + 1] === '\\') {
ret += '\\'
i += 1
// eslint-disable-next-line no-continue
continue
}
// if \\ is at the end of the string retain it
// https://github.com/postcss/postcss-selector-parser/commit/01a6b346e3612ce1ab20219acc26abdc259ccefb
if (str.length === i + 1) {
ret += str[i]
}
// eslint-disable-next-line no-continue
continue
}
ret += str[i]
}
return ret
}
function normalizePath (file) {
return path.sep === '\\' ? file.replace(/\\/g, '/') : file
}
// eslint-disable-next-line no-control-regex
const filenameReservedRegex = /[<>:"/\\|?*]/g
// eslint-disable-next-line no-control-regex
const reControlChars = /[\u0000-\u001f\u0080-\u009f]/g
function escapeLocalIdent (localident) {
// TODO simplify in the next major release
return escape(
localident
// For `[hash]` placeholder
.replace(/^((-?[0-9])|--)/, '_$1')
.replace(filenameReservedRegex, '-')
.replace(reControlChars, '-')
.replace(/\./g, '-')
)
}
function defaultGetLocalIdent (
loaderContext,
localIdentName,
localName,
options
) {
const { context, hashSalt, hashStrategy } = options
const { resourcePath } = loaderContext
const relativeResourcePath = normalizePath(
path.relative(context, resourcePath)
)
// eslint-disable-next-line no-param-reassign
options.content =
hashStrategy === 'minimal-subset' && /\[local\]/.test(localIdentName)
? relativeResourcePath
: `${relativeResourcePath}\x00${localName}`
let { hashFunction, hashDigest, hashDigestLength } = options
const matches = localIdentName.match(
/\[(?:([^:\]]+):)?(?:(hash|contenthash|fullhash))(?::([a-z]+\d*))?(?::(\d+))?\]/i
)
if (matches) {
const hashName = matches[2] || hashFunction
hashFunction = matches[1] || hashFunction
hashDigest = matches[3] || hashDigest
hashDigestLength = matches[4] || hashDigestLength
// `hash` and `contenthash` are same in `loader-utils` context
// let's keep `hash` for backward compatibility
// eslint-disable-next-line no-param-reassign
localIdentName = localIdentName.replace(
/\[(?:([^:\]]+):)?(?:hash|contenthash|fullhash)(?::([a-z]+\d*))?(?::(\d+))?\]/gi,
() => (hashName === 'fullhash' ? '[fullhash]' : '[contenthash]')
)
}
let localIdentHash = ''
for (let tier = 0; localIdentHash.length < hashDigestLength; tier++) {
// TODO remove this in the next major release
const hash =
loaderContext.utils &&
typeof loaderContext.utils.createHash === 'function'
? loaderContext.utils.createHash(hashFunction)
: // eslint-disable-next-line no-underscore-dangle
loaderContext._compiler.webpack.util.createHash(hashFunction)
if (hashSalt) {
hash.update(hashSalt)
}
const tierSalt = Buffer.allocUnsafe(4)
tierSalt.writeUInt32LE(tier)
hash.update(tierSalt)
// TODO: bug in webpack with unicode characters with strings
hash.update(Buffer.from(options.content, 'utf8'))
localIdentHash = (localIdentHash + hash.digest(hashDigest))
// Remove all leading digits
.replace(/^\d+/, '')
// Replace all slashes with underscores (same as in base64url)
.replace(/\//g, '_')
// Remove everything that is not an alphanumeric or underscore
.replace(/[^A-Za-z0-9_]+/g, '')
.slice(0, hashDigestLength)
}
// TODO need improve on webpack side, we should allow to pass hash/contentHash without chunk property, also `data` for `getPath` should be looks good without chunk property
const ext = path.extname(resourcePath)
const base = path.basename(resourcePath)
const name = base.slice(0, base.length - ext.length)
const data = {
filename: path.relative(context, resourcePath),
contentHash: localIdentHash,
chunk: {
name,
hash: localIdentHash,
contentHash: localIdentHash
}
}
// eslint-disable-next-line no-underscore-dangle
let result = loaderContext._compilation.getPath(localIdentName, data)
if (/\[folder\]/gi.test(result)) {
const dirname = path.dirname(resourcePath)
let directory = normalizePath(
path.relative(context, `${dirname + path.sep}_`)
)
directory = directory.substr(0, directory.length - 1)
let folder = ''
if (directory.length > 1) {
folder = path.basename(directory)
}
result = result.replace(/\[folder\]/gi, () => folder)
}
if (options.regExp) {
const match = resourcePath.match(options.regExp)
if (match) {
match.forEach((matched, i) => {
result = result.replace(new RegExp(`\\[${i}\\]`, 'ig'), matched)
})
}
}
return result
}
function fixedEncodeURIComponent (str) {
return str.replace(/[!'()*]/g, (c) => `%${c.charCodeAt(0).toString(16)}`)
}
function isDataUrl (url) {
if (/^data:/i.test(url)) {
return true
}
return false
}
const NATIVE_WIN32_PATH = /^[A-Z]:[/\\]|^\\\\/i
function normalizeUrl (url, isStringValue) {
let normalizedUrl = url
.replace(/^( |\t\n|\r\n|\r|\f)*/g, '')
.replace(/( |\t\n|\r\n|\r|\f)*$/g, '')
if (isStringValue && /\\(\n|\r\n|\r|\f)/.test(normalizedUrl)) {
normalizedUrl = normalizedUrl.replace(/\\(\n|\r\n|\r|\f)/g, '')
}
if (NATIVE_WIN32_PATH.test(url)) {
try {
normalizedUrl = decodeURI(normalizedUrl)
} catch (error) {
// Ignore
}
return normalizedUrl
}
normalizedUrl = unescape(normalizedUrl)
if (isDataUrl(url)) {
// Todo fixedEncodeURIComponent is workaround. Webpack resolver shouldn't handle "!" in dataURL
return fixedEncodeURIComponent(normalizedUrl)
}
try {
normalizedUrl = decodeURI(normalizedUrl)
} catch (error) {
// Ignore
}
return normalizedUrl
}
function requestify (url, rootContext, needToResolveURL = true) {
if (needToResolveURL) {
if (/^file:/i.test(url)) {
return fileURLToPath(url)
}
return url.charAt(0) === '/'
? urlToRequest(url, rootContext)
: urlToRequest(url)
}
if (url.charAt(0) === '/' || /^file:/i.test(url)) {
return url
}
// A `~` makes the url an module
if (IS_MODULE_REQUEST.test(url)) {
return url.replace(IS_MODULE_REQUEST, '')
}
return url
}
function getFilter (filter, resourcePath) {
return (...args) => {
if (typeof filter === 'function') {
return filter(...args, resourcePath)
}
return true
}
}
function getValidLocalName (localName, exportLocalsConvention) {
const result = exportLocalsConvention(localName)
return Array.isArray(result) ? result[0] : result
}
const IS_MODULES = /\.module(s)?\.\w+$/i
const IS_ICSS = /\.icss\.\w+$/i
function getModulesOptions (rawOptions, exportType, loaderContext) {
if (typeof rawOptions.modules === 'boolean' && rawOptions.modules === false) {
return false
}
const resourcePath =
// eslint-disable-next-line no-underscore-dangle
(loaderContext._module && loaderContext._module.matchResource) ||
loaderContext.resourcePath
let auto
let rawModulesOptions
if (typeof rawOptions.modules === 'undefined') {
rawModulesOptions = {}
auto = true
} else if (typeof rawOptions.modules === 'boolean') {
rawModulesOptions = {}
} else if (typeof rawOptions.modules === 'string') {
rawModulesOptions = { mode: rawOptions.modules }
} else {
rawModulesOptions = rawOptions.modules;
({ auto } = rawModulesOptions)
}
// eslint-disable-next-line no-underscore-dangle
const { outputOptions } = loaderContext._compilation
const needNamedExport =
exportType === 'css-style-sheet' || exportType === 'string'
const modulesOptions = {
auto,
mode: 'local',
exportGlobals: false,
localIdentName: '[hash:base64]',
localIdentContext: loaderContext.rootContext,
localIdentHashSalt: outputOptions.hashSalt,
localIdentHashFunction: outputOptions.hashFunction,
localIdentHashDigest: outputOptions.hashDigest,
localIdentHashDigestLength: outputOptions.hashDigestLength,
// eslint-disable-next-line no-undefined
localIdentRegExp: undefined,
// eslint-disable-next-line no-undefined
getLocalIdent: undefined,
namedExport: needNamedExport || false,
exportLocalsConvention:
(rawModulesOptions.namedExport === true || needNamedExport) &&
typeof rawModulesOptions.exportLocalsConvention === 'undefined'
? 'camelCaseOnly'
: 'asIs',
exportOnlyLocals: false,
...rawModulesOptions
}
let exportLocalsConventionType
if (typeof modulesOptions.exportLocalsConvention === 'string') {
exportLocalsConventionType = modulesOptions.exportLocalsConvention
modulesOptions.exportLocalsConvention = (name) => {
switch (exportLocalsConventionType) {
case 'camelCase': {
return [name, camelCase(name)]
}
case 'camelCaseOnly': {
return camelCase(name)
}
case 'dashes': {
return [name, dashesCamelCase(name)]
}
case 'dashesOnly': {
return dashesCamelCase(name)
}
case 'asIs':
default:
return name
}
}
}
if (typeof modulesOptions.auto === 'boolean') {
const isModules = modulesOptions.auto && IS_MODULES.test(resourcePath)
let isIcss
if (!isModules) {
isIcss = IS_ICSS.test(resourcePath)
if (isIcss) {
modulesOptions.mode = 'icss'
}
}
if (!isModules && !isIcss) {
return false
}
} else if (modulesOptions.auto instanceof RegExp) {
const isModules = modulesOptions.auto.test(resourcePath)
if (!isModules) {
return false
}
} else if (typeof modulesOptions.auto === 'function') {
const isModule = modulesOptions.auto(resourcePath)
if (!isModule) {
return false
}
}
if (typeof modulesOptions.mode === 'function') {
modulesOptions.mode = modulesOptions.mode(loaderContext.resourcePath)
}
if (needNamedExport) {
if (rawOptions.esModule === false) {
throw new Error(
'The \'exportType\' option with the \'css-style-sheet\' or \'string\' value requires the \'esModules\' option to be enabled'
)
}
if (modulesOptions.namedExport === false) {
throw new Error(
'The \'exportType\' option with the \'css-style-sheet\' or \'string\' value requires the \'modules.namedExport\' option to be enabled'
)
}
}
if (modulesOptions.namedExport === true) {
if (rawOptions.esModule === false) {
throw new Error(
'The \'modules.namedExport\' option requires the \'esModules\' option to be enabled'
)
}
if (
typeof exportLocalsConventionType === 'string' &&
exportLocalsConventionType !== 'camelCaseOnly' &&
exportLocalsConventionType !== 'dashesOnly'
) {
throw new Error(
'The "modules.namedExport" option requires the "modules.exportLocalsConvention" option to be "camelCaseOnly" or "dashesOnly"'
)
}
}
return modulesOptions
}
function normalizeOptions (rawOptions, loaderContext) {
const exportType =
typeof rawOptions.exportType === 'undefined'
? 'array'
: rawOptions.exportType
const modulesOptions = getModulesOptions(
rawOptions,
exportType,
loaderContext
)
return {
url: typeof rawOptions.url === 'undefined' ? true : rawOptions.url,
import: typeof rawOptions.import === 'undefined' ? true : rawOptions.import,
modules: modulesOptions,
sourceMap:
typeof rawOptions.sourceMap === 'boolean'
? rawOptions.sourceMap
: loaderContext.sourceMap,
importLoaders:
typeof rawOptions.importLoaders === 'string'
? parseInt(rawOptions.importLoaders, 10)
: rawOptions.importLoaders,
esModule:
typeof rawOptions.esModule === 'undefined' ? false : rawOptions.esModule, // 默认改为 false
exportType
}
}
function shouldUseImportPlugin (options) {
if (options.modules.exportOnlyLocals) {
return false
}
if (typeof options.import === 'boolean') {
return options.import
}
return true
}
function shouldUseURLPlugin (options) {
if (options.modules.exportOnlyLocals) {
return false
}
if (typeof options.url === 'boolean') {
return options.url
}
return true
}
function shouldUseModulesPlugins (options) {
if (typeof options.modules === 'boolean' && options.modules === false) {
return false
}
return options.modules.mode !== 'icss'
}
function shouldUseIcssPlugin (options) {
return Boolean(options.modules)
}
function getModulesPlugins (options, loaderContext) {
const {
mode,
getLocalIdent,
localIdentName,
localIdentContext,
localIdentHashSalt,
localIdentHashFunction,
localIdentHashDigest,
localIdentHashDigestLength,
localIdentRegExp,
hashStrategy
} = options.modules
let plugins = []
try {
plugins = [
modulesValues,
localByDefault({ mode }),
extractImports(),
modulesScope({
generateScopedName (exportName) {
let localIdent
if (typeof getLocalIdent !== 'undefined') {
localIdent = getLocalIdent(
loaderContext,
localIdentName,
unescape(exportName),
{
context: localIdentContext,
hashSalt: localIdentHashSalt,
hashFunction: localIdentHashFunction,
hashDigest: localIdentHashDigest,
hashDigestLength: localIdentHashDigestLength,
hashStrategy,
regExp: localIdentRegExp
}
)
}
// A null/undefined value signals that we should invoke the default
// getLocalIdent method.
if (typeof localIdent === 'undefined' || localIdent === null) {
localIdent = defaultGetLocalIdent(
loaderContext,
localIdentName,
unescape(exportName),
{
context: localIdentContext,
hashSalt: localIdentHashSalt,
hashFunction: localIdentHashFunction,
hashDigest: localIdentHashDigest,
hashDigestLength: localIdentHashDigestLength,
hashStrategy,
regExp: localIdentRegExp
}
)
return escapeLocalIdent(localIdent).replace(
/\\\[local\\]/gi,
exportName
)
}
return escapeLocalIdent(localIdent)
},
exportGlobals: options.modules.exportGlobals
})
]
} catch (error) {
loaderContext.emitError(error)
}
return plugins
}
const ABSOLUTE_SCHEME = /^[a-z0-9+\-.]+:/i
function getURLType (source) {
if (source[0] === '/') {
if (source[1] === '/') {
return 'scheme-relative'
}
return 'path-absolute'
}
if (IS_NATIVE_WIN32_PATH.test(source)) {
return 'path-absolute'
}
return ABSOLUTE_SCHEME.test(source) ? 'absolute' : 'path-relative'
}
function normalizeSourceMap (map, resourcePath) {
let newMap = map
// Some loader emit source map as string
// Strip any JSON XSSI avoidance prefix from the string (as documented in the source maps specification), and then parse the string as JSON.
if (typeof newMap === 'string') {
newMap = JSON.parse(newMap)
}
delete newMap.file
const { sourceRoot } = newMap
delete newMap.sourceRoot
if (newMap.sources) {
// Source maps should use forward slash because it is URLs (https://github.com/mozilla/source-map/issues/91)
// We should normalize path because previous loaders like `sass-loader` using backslash when generate source map
newMap.sources = newMap.sources.map((source) => {
// Non-standard syntax from `postcss`
if (source.indexOf('<') === 0) {
return source
}
const sourceType = getURLType(source)
// Do no touch `scheme-relative` and `absolute` URLs
if (sourceType === 'path-relative' || sourceType === 'path-absolute') {
const absoluteSource =
sourceType === 'path-relative' && sourceRoot
? path.resolve(sourceRoot, normalizePath(source))
: normalizePath(source)
return path.relative(path.dirname(resourcePath), absoluteSource)
}
return source
})
}
return newMap
}
function getPreRequester ({ loaders, loaderIndex }) {
const cache = Object.create(null)
return (number) => {
if (cache[number]) {
return cache[number]
}
if (typeof number === 'number') {
const loadersRequest = loaders
.slice(
loaderIndex,
loaderIndex + 1 + number
)
.map((x) => x.request)
.join('!')
cache[number] = `-!${loadersRequest}!`
} else {
cache[number] = ''
}
return cache[number]
}
}
function getImportCode (imports, options) {
let code = ''
for (const item of imports) {
const { importName, url, icss, type } = item
if (options.esModule) {
if (icss && options.modules.namedExport) {
code += `import ${
options.modules.exportOnlyLocals ? '' : `${importName}, `
}* as ${importName}_NAMED___ from ${url};\n`
} else {
code +=
type === 'url'
? `var ${importName} = new URL(${url}, import.meta.url);\n`
: `import ${importName} from ${url};\n`
}
} else {
code += `var ${importName} = require(${url});\n`
}
}
return code ? `// Imports\n${code}` : ''
}
function normalizeSourceMapForRuntime (map, loaderContext) {
const resultMap = map ? map.toJSON() : null
if (resultMap) {
delete resultMap.file
/* eslint-disable no-underscore-dangle */
if (
loaderContext._compilation &&
loaderContext._compilation.options &&
loaderContext._compilation.options.devtool &&
loaderContext._compilation.options.devtool.includes('nosources')
) {
/* eslint-enable no-underscore-dangle */
delete resultMap.sourcesContent
}
resultMap.sourceRoot = ''
resultMap.sources = resultMap.sources.map((source) => {
// Non-standard syntax from `postcss`
if (source.indexOf('<') === 0) {
return source
}
const sourceType = getURLType(source)
if (sourceType !== 'path-relative') {
return source
}
const resourceDirname = path.dirname(loaderContext.resourcePath)
const absoluteSource = path.resolve(resourceDirname, source)
const contextifyPath = normalizePath(
path.relative(loaderContext.rootContext, absoluteSource)
)
return `webpack://./${contextifyPath}`
})
}
return JSON.stringify(resultMap)
}
function printParams (media, dedupe, supports, layer) {
let result = ''
if (typeof layer !== 'undefined') {
result = `, ${JSON.stringify(layer)}`
}
if (typeof supports !== 'undefined') {
result = `, ${JSON.stringify(supports)}${result}`
} else if (result.length > 0) {
result = `, undefined${result}`
}
if (dedupe) {
result = `, true${result}`
} else if (result.length > 0) {
result = `, false${result}`
}
if (media) {
result = `${JSON.stringify(media)}${result}`
} else if (result.length > 0) {
result = `""${result}`
}
return result
}
function getModuleCode (
result,
api,
replacements,
options,
loaderContext
) {
if (options.modules.exportOnlyLocals === true) {
return ''
}
let sourceMapValue = ''
if (options.sourceMap) {
const sourceMap = result.map
sourceMapValue = `,${normalizeSourceMapForRuntime(
sourceMap,
loaderContext
)}`
}
let code = JSON.stringify(result.css)
let beforeCode = `var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(${
options.sourceMap
? '___CSS_LOADER_API_SOURCEMAP_IMPORT___'
: '___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___'
});\n`
for (const item of api) {
const { url, layer, supports, media, dedupe } = item
if (url) {
// eslint-disable-next-line no-undefined
const printedParam = printParams(media, undefined, supports, layer)
beforeCode += `___CSS_LOADER_EXPORT___.push([module.id, ${JSON.stringify(
`@import url(${url});`
)}${printedParam.length > 0 ? `, ${printedParam}` : ''}]);\n`
} else {
// 符合css后缀名的文件经过mpx处理后会带上相应的后缀防止使用 WebPack 的默认解析规则，此时 require/import 相应路径时，导出的不是一段 css 代码了，事实上是一个文件路径。
const printedParam = printParams(media, dedupe, supports, layer)
const otherParams = printedParam.length > 0 ? printedParam : ''
beforeCode += `___CSS_LOADER_EXPORT___.push([module.id, '@import "' + ${item.importName} + '";', ${JSON.stringify(otherParams)} ]);\n`
}
}
for (const item of replacements) {
const { replacementName, importName, localName } = item
if (localName) {
code = code.replace(new RegExp(replacementName, 'g'), () =>
options.modules.namedExport
? `" + ${importName}_NAMED___[${JSON.stringify(
getValidLocalName(
localName,
options.modules.exportLocalsConvention
)
)}] + "`
: `" + ${importName}.locals[${JSON.stringify(localName)}] + "`
)
} else {
const { hash, needQuotes } = item
const getUrlOptions = []
.concat(hash ? [`hash: ${JSON.stringify(hash)}`] : [])
.concat(needQuotes ? 'needQuotes: true' : [])
const preparedOptions =
getUrlOptions.length > 0 ? `, { ${getUrlOptions.join(', ')} }` : ''
beforeCode += `var ${replacementName} = ___CSS_LOADER_GET_URL_IMPORT___(${importName}${preparedOptions});\n`
code = code.replace(
new RegExp(replacementName, 'g'),
() => `" + ${replacementName} + "`
)
}
}
// Indexes description:
// 0 - module id
// 1 - CSS code
// 2 - media
// 3 - source map
// 4 - supports
// 5 - layer
return `${beforeCode}// Module\n___CSS_LOADER_EXPORT___.push([module.id, ${code}, ""${sourceMapValue}]);\n`
}
function dashesCamelCase (str) {
return str.replace(/-+(\w)/g, (match, firstLetter) =>
firstLetter.toUpperCase()
)
}
function getExportCode (exports, replacements, icssPluginUsed, options) {
let code = '// Exports\n'
if (icssPluginUsed) {
let localsCode = ''
const addExportToLocalsCode = (names, value) => {
const normalizedNames = Array.isArray(names)
? new Set(names)
: new Set([names])
for (const name of normalizedNames) {
if (options.modules.namedExport) {
localsCode += `export var ${name} = ${JSON.stringify(value)};\n`
} else {
if (localsCode) {
localsCode += ',\n'
}
localsCode += `\t${JSON.stringify(name)}: ${JSON.stringify(value)}`
}
}
}
for (const { name, value } of exports) {
addExportToLocalsCode(
options.modules.exportLocalsConvention(name),
value
)
}
for (const item of replacements) {
const { replacementName, localName } = item
if (localName) {
const { importName } = item
localsCode = localsCode.replace(
new RegExp(replacementName, 'g'),
() => {
if (options.modules.namedExport) {
return `" + ${importName}_NAMED___[${JSON.stringify(
getValidLocalName(
localName,
options.modules.exportLocalsConvention
)
)}] + "`
} else if (options.modules.exportOnlyLocals) {
return `" + ${importName}[${JSON.stringify(localName)}] + "`
}
return `" + ${importName}.locals[${JSON.stringify(localName)}] + "`
}
)
} else {
localsCode = localsCode.replace(
new RegExp(replacementName, 'g'),
() => `" + ${replacementName} + "`
)
}
}
if (options.modules.exportOnlyLocals) {
code += options.modules.namedExport
? localsCode
: `${
options.esModule ? 'export default' : 'module.exports ='
} {\n${localsCode}\n};\n`
return code
}
code += options.modules.namedExport
? localsCode
: `___CSS_LOADER_EXPORT___.locals = {${
localsCode ? `\n${localsCode}\n` : ''
}};\n`
}
const isCSSStyleSheetExport = options.exportType === 'css-style-sheet'
if (isCSSStyleSheetExport) {
code += 'var ___CSS_LOADER_STYLE_SHEET___ = new CSSStyleSheet();\n'
code +=
'___CSS_LOADER_STYLE_SHEET___.replaceSync(___CSS_LOADER_EXPORT___.toString());\n'
}
let finalExport
switch (options.exportType) {
case 'string':
finalExport = '___CSS_LOADER_EXPORT___.toString()'
break
case 'css-style-sheet':
finalExport = '___CSS_LOADER_STYLE_SHEET___'
break
/* eslint-disable default-case-last */
default:
case 'array':
finalExport = '___CSS_LOADER_EXPORT___'
break
}
code += `${
options.esModule ? 'export default ' : 'module.exports ='
} ${finalExport};\n`
return code
}
async function resolveRequests (resolve, context, possibleRequests) {
return resolve(context, possibleRequests[0])
.then((result) => result)
.catch((error) => {
const [, ...tailPossibleRequests] = possibleRequests
if (tailPossibleRequests.length === 0) {
throw error
}
return resolveRequests(resolve, context, tailPossibleRequests)
})
}
function isURLRequestable (url, options = {}) {
// 先用 mpx 内部维护方法判断
if (!isUrlRequest(url, options.root, options.externals)) {
return { requestable: false, needResolve: false }
}
// Protocol-relative URLs
if (/^\/\//.test(url)) {
return { requestable: false, needResolve: false }
}
// `#` URLs
if (/^#/.test(url)) {
return { requestable: false, needResolve: false }
}
// Data URI
if (isDataUrl(url) && options.isSupportDataURL) {
try {
decodeURIComponent(url)
} catch (ignoreError) {
return { requestable: false, needResolve: false }
}
return { requestable: true, needResolve: false }
}
// `file:` protocol
if (/^file:/i.test(url)) {
return { requestable: true, needResolve: true }
}
// Absolute URLs
if (/^[a-z][a-z0-9+.-]*:/i.test(url) && !NATIVE_WIN32_PATH.test(url)) {
if (options.isSupportAbsoluteURL && /^https?:/i.test(url)) {
return { requestable: true, needResolve: false }
}
return { requestable: false, needResolve: false }
}
return { requestable: true, needResolve: true }
}
function sort (a, b) {
return a.index - b.index
}
function combineRequests (preRequest, url) {
const idx = url.indexOf('!=!')
return idx !== -1
? url.slice(0, idx + 3) + preRequest + url.slice(idx + 3)
: preRequest + url
}
module.exports = {
normalizeOptions,
shouldUseModulesPlugins,
shouldUseImportPlugin,
shouldUseURLPlugin,
shouldUseIcssPlugin,
normalizeUrl,
requestify,
getFilter,
getModulesOptions,
getModulesPlugins,
normalizeSourceMap,
getPreRequester,
getImportCode,
getModuleCode,
getExportCode,
resolveRequests,
isURLRequestable,
sort,
WEBPACK_IGNORE_COMMENT_REGEXP,
combineRequests,
camelCase,
stringifyRequest,
isDataUrl,
defaultGetLocalIdent
}