191 lines
7.1 KiB
JavaScript
191 lines
7.1 KiB
JavaScript
|
"use strict";
|
||
|
|
||
|
Object.defineProperty(exports, "__esModule", {
|
||
|
value: true
|
||
|
});
|
||
|
exports.default = loader;
|
||
|
var _postcss = _interopRequireDefault(require("postcss"));
|
||
|
var _package = _interopRequireDefault(require("postcss/package.json"));
|
||
|
var _semver = require("semver");
|
||
|
var _options = _interopRequireDefault(require("./options.json"));
|
||
|
var _plugins = require("./plugins");
|
||
|
var _utils = require("./utils");
|
||
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||
|
/*
|
||
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
||
|
Author Tobias Koppers @sokra
|
||
|
*/
|
||
|
|
||
|
async function loader(content, map, meta) {
|
||
|
const rawOptions = this.getOptions(_options.default);
|
||
|
const callback = this.async();
|
||
|
if (this._compiler && this._compiler.options && this._compiler.options.experiments && this._compiler.options.experiments.css && this._module && (this._module.type === "css" || this._module.type === "css/auto" || this._module.type === "css/global" || this._module.type === "css/module")) {
|
||
|
this.emitWarning(new Error('You can\'t use `experiments.css` (`experiments.futureDefaults` enable built-in CSS support by default) and `css-loader` together, please set `experiments.css` to `false` or set `{ type: "javascript/auto" }` for rules with `css-loader` in your webpack config (now css-loader does nothing).'));
|
||
|
callback(null, content, map, meta);
|
||
|
return;
|
||
|
}
|
||
|
let options;
|
||
|
try {
|
||
|
options = (0, _utils.normalizeOptions)(rawOptions, this);
|
||
|
} catch (error) {
|
||
|
callback(error);
|
||
|
return;
|
||
|
}
|
||
|
const plugins = [];
|
||
|
const replacements = [];
|
||
|
const exports = [];
|
||
|
if ((0, _utils.shouldUseModulesPlugins)(options)) {
|
||
|
plugins.push(...(0, _utils.getModulesPlugins)(options, this));
|
||
|
}
|
||
|
const importPluginImports = [];
|
||
|
const importPluginApi = [];
|
||
|
let isSupportAbsoluteURL = false;
|
||
|
|
||
|
// TODO enable by default in the next major release
|
||
|
if (this._compilation && this._compilation.options && this._compilation.options.experiments && this._compilation.options.experiments.buildHttp) {
|
||
|
isSupportAbsoluteURL = true;
|
||
|
}
|
||
|
if ((0, _utils.shouldUseImportPlugin)(options)) {
|
||
|
plugins.push((0, _plugins.importParser)({
|
||
|
// TODO need to fix on webpack side, webpack tries to resolve `./runtime/api.js paths like `http://site.com/runtime/api.js`, maybe we should try first request like absolute, the second like a relative to context
|
||
|
isSupportAbsoluteURL: false,
|
||
|
isSupportDataURL: false,
|
||
|
isCSSStyleSheet: options.exportType === "css-style-sheet",
|
||
|
loaderContext: this,
|
||
|
imports: importPluginImports,
|
||
|
api: importPluginApi,
|
||
|
filter: options.import.filter,
|
||
|
urlHandler: url => (0, _utils.stringifyRequest)(this, (0, _utils.combineRequests)((0, _utils.getPreRequester)(this)(options.importLoaders), url))
|
||
|
}));
|
||
|
}
|
||
|
const urlPluginImports = [];
|
||
|
if ((0, _utils.shouldUseURLPlugin)(options)) {
|
||
|
const needToResolveURL = !options.esModule;
|
||
|
plugins.push((0, _plugins.urlParser)({
|
||
|
isSupportAbsoluteURL,
|
||
|
isSupportDataURL: options.esModule,
|
||
|
imports: urlPluginImports,
|
||
|
replacements,
|
||
|
context: this.context,
|
||
|
rootContext: this.rootContext,
|
||
|
filter: (0, _utils.getFilter)(options.url.filter, this.resourcePath),
|
||
|
resolver: needToResolveURL ? this.getResolve({
|
||
|
mainFiles: [],
|
||
|
extensions: []
|
||
|
}) :
|
||
|
// eslint-disable-next-line no-undefined
|
||
|
undefined,
|
||
|
urlHandler: url => (0, _utils.stringifyRequest)(this, url)
|
||
|
// Support data urls as input in new URL added in webpack@5.38.0
|
||
|
}));
|
||
|
}
|
||
|
const icssPluginImports = [];
|
||
|
const icssPluginApi = [];
|
||
|
const needToUseIcssPlugin = (0, _utils.shouldUseIcssPlugin)(options);
|
||
|
if (needToUseIcssPlugin) {
|
||
|
plugins.push((0, _plugins.icssParser)({
|
||
|
loaderContext: this,
|
||
|
imports: icssPluginImports,
|
||
|
api: icssPluginApi,
|
||
|
replacements,
|
||
|
exports,
|
||
|
urlHandler: url => (0, _utils.stringifyRequest)(this, (0, _utils.combineRequests)((0, _utils.getPreRequester)(this)(options.importLoaders), url))
|
||
|
}));
|
||
|
}
|
||
|
|
||
|
// Reuse CSS AST (PostCSS AST e.g 'postcss-loader') to avoid reparsing
|
||
|
if (meta) {
|
||
|
const {
|
||
|
ast
|
||
|
} = meta;
|
||
|
if (ast && ast.type === "postcss" && (0, _semver.satisfies)(ast.version, `^${_package.default.version}`)) {
|
||
|
// eslint-disable-next-line no-param-reassign
|
||
|
content = ast.root;
|
||
|
}
|
||
|
}
|
||
|
const {
|
||
|
resourcePath
|
||
|
} = this;
|
||
|
let result;
|
||
|
try {
|
||
|
result = await (0, _postcss.default)(plugins).process(content, {
|
||
|
hideNothingWarning: true,
|
||
|
from: resourcePath,
|
||
|
to: resourcePath,
|
||
|
map: options.sourceMap ? {
|
||
|
prev: map ? (0, _utils.normalizeSourceMap)(map, resourcePath) : null,
|
||
|
inline: false,
|
||
|
annotation: false
|
||
|
} : false
|
||
|
});
|
||
|
} catch (error) {
|
||
|
if (error.file) {
|
||
|
this.addDependency(error.file);
|
||
|
}
|
||
|
callback(error.name === "CssSyntaxError" ? (0, _utils.syntaxErrorFactory)(error) : error);
|
||
|
return;
|
||
|
}
|
||
|
for (const warning of result.warnings()) {
|
||
|
this.emitWarning((0, _utils.warningFactory)(warning));
|
||
|
}
|
||
|
const imports = [].concat(icssPluginImports.sort(_utils.sort)).concat(importPluginImports.sort(_utils.sort)).concat(urlPluginImports.sort(_utils.sort));
|
||
|
const api = [].concat(importPluginApi.sort(_utils.sort)).concat(icssPluginApi.sort(_utils.sort));
|
||
|
if (options.modules.exportOnlyLocals !== true) {
|
||
|
imports.unshift({
|
||
|
type: "api_import",
|
||
|
importName: "___CSS_LOADER_API_IMPORT___",
|
||
|
url: (0, _utils.stringifyRequest)(this, require.resolve("./runtime/api"))
|
||
|
});
|
||
|
if (options.sourceMap) {
|
||
|
imports.unshift({
|
||
|
importName: "___CSS_LOADER_API_SOURCEMAP_IMPORT___",
|
||
|
url: (0, _utils.stringifyRequest)(this, require.resolve("./runtime/sourceMaps"))
|
||
|
});
|
||
|
} else {
|
||
|
imports.unshift({
|
||
|
importName: "___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___",
|
||
|
url: (0, _utils.stringifyRequest)(this, require.resolve("./runtime/noSourceMaps"))
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
let isTemplateLiteralSupported = false;
|
||
|
if (
|
||
|
// eslint-disable-next-line no-underscore-dangle
|
||
|
this._compilation &&
|
||
|
// eslint-disable-next-line no-underscore-dangle
|
||
|
this._compilation.options &&
|
||
|
// eslint-disable-next-line no-underscore-dangle
|
||
|
this._compilation.options.output &&
|
||
|
// eslint-disable-next-line no-underscore-dangle
|
||
|
this._compilation.options.output.environment &&
|
||
|
// eslint-disable-next-line no-underscore-dangle
|
||
|
this._compilation.options.output.environment.templateLiteral) {
|
||
|
isTemplateLiteralSupported = true;
|
||
|
}
|
||
|
const importCode = (0, _utils.getImportCode)(imports, options);
|
||
|
let moduleCode;
|
||
|
try {
|
||
|
moduleCode = (0, _utils.getModuleCode)(result, api, replacements, options, isTemplateLiteralSupported, this);
|
||
|
} catch (error) {
|
||
|
callback(error);
|
||
|
return;
|
||
|
}
|
||
|
const exportCode = (0, _utils.getExportCode)(exports, replacements, needToUseIcssPlugin, options, isTemplateLiteralSupported);
|
||
|
const {
|
||
|
getJSON
|
||
|
} = options.modules;
|
||
|
if (typeof getJSON === "function") {
|
||
|
try {
|
||
|
await getJSON({
|
||
|
resourcePath,
|
||
|
imports,
|
||
|
exports,
|
||
|
replacements
|
||
|
});
|
||
|
} catch (error) {
|
||
|
callback(error);
|
||
|
return;
|
||
|
}
|
||
|
}
|
||
|
callback(null, `${importCode}${moduleCode}${exportCode}`);
|
||
|
}
|