151 lines
6.0 KiB
JavaScript
151 lines
6.0 KiB
JavaScript
|
"use strict";
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports.default = void 0;
|
||
|
|
var _path = _interopRequireDefault(require("path"));
|
||
|
|
var _utils = require("./utils");
|
||
|
|
var _options = _interopRequireDefault(require("./options.json"));
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||
|
|
// eslint-disable-next-line consistent-return
|
||
|
|
const loader = function loader(content) {
|
||
|
|
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/global" || this._module.type === "css/module" || this._module.type === "css/auto")) {
|
||
|
|
return content;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
loader.pitch = function pitch(request) {
|
||
|
|
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/global" || this._module.type === "css/module" || this._module.type === "css/auto")) {
|
||
|
|
this.emitWarning(new Error('You can\'t use `experiments.css` (`experiments.futureDefaults` enable built-in CSS support by default) and `style-loader` together, please set `experiments.css` to `false` or set `{ type: "javascript/auto" }` for rules with `style-loader` in your webpack config (now `style-loader` does nothing).'));
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
const options = this.getOptions(_options.default);
|
||
|
|
const injectType = options.injectType || "styleTag";
|
||
|
|
const esModule = typeof options.esModule !== "undefined" ? options.esModule : true;
|
||
|
|
const runtimeOptions = {};
|
||
|
|
if (options.attributes) {
|
||
|
|
runtimeOptions.attributes = options.attributes;
|
||
|
|
}
|
||
|
|
if (options.base) {
|
||
|
|
runtimeOptions.base = options.base;
|
||
|
|
}
|
||
|
|
const insertType = options.insert && _path.default.isAbsolute(options.insert) ? "module-path" : "selector";
|
||
|
|
switch (injectType) {
|
||
|
|
case "linkTag":
|
||
|
|
{
|
||
|
|
const hmrCode = this.hot ? (0, _utils.getLinkHmrCode)(esModule, this, request) : "";
|
||
|
|
|
||
|
|
// eslint-disable-next-line consistent-return
|
||
|
|
return `
|
||
|
|
${(0, _utils.getImportLinkAPICode)(esModule, this)}
|
||
|
|
${(0, _utils.getImportInsertBySelectorCode)(esModule, this, insertType, options)}
|
||
|
|
${(0, _utils.getImportLinkContentCode)(esModule, this, request)}
|
||
|
|
${esModule ? "" : `content = content.__esModule ? content.default : content;`}
|
||
|
|
|
||
|
|
var options = ${JSON.stringify(runtimeOptions)};
|
||
|
|
|
||
|
|
${(0, _utils.getInsertOptionCode)(insertType, options)}
|
||
|
|
|
||
|
|
var update = API(content, options);
|
||
|
|
|
||
|
|
${hmrCode}
|
||
|
|
|
||
|
|
${esModule ? "export default {}" : ""}`;
|
||
|
|
}
|
||
|
|
case "lazyStyleTag":
|
||
|
|
case "lazyAutoStyleTag":
|
||
|
|
case "lazySingletonStyleTag":
|
||
|
|
{
|
||
|
|
const isSingleton = injectType === "lazySingletonStyleTag";
|
||
|
|
const isAuto = injectType === "lazyAutoStyleTag";
|
||
|
|
const hmrCode = this.hot ? (0, _utils.getStyleHmrCode)(esModule, this, request, true) : "";
|
||
|
|
|
||
|
|
// eslint-disable-next-line consistent-return
|
||
|
|
return `
|
||
|
|
var exported = {};
|
||
|
|
|
||
|
|
${(0, _utils.getImportStyleAPICode)(esModule, this)}
|
||
|
|
${(0, _utils.getImportStyleDomAPICode)(esModule, this, isSingleton, isAuto)}
|
||
|
|
${(0, _utils.getImportInsertBySelectorCode)(esModule, this, insertType, options)}
|
||
|
|
${(0, _utils.getSetAttributesCode)(esModule, this, options)}
|
||
|
|
${(0, _utils.getImportInsertStyleElementCode)(esModule, this)}
|
||
|
|
${(0, _utils.getStyleTagTransformFnCode)(esModule, this, options, isSingleton)}
|
||
|
|
${(0, _utils.getImportStyleContentCode)(esModule, this, request)}
|
||
|
|
${isAuto ? (0, _utils.getImportIsOldIECode)(esModule, this) : ""}
|
||
|
|
${esModule ? `if (content && content.locals) {
|
||
|
|
exported.locals = content.locals;
|
||
|
|
}
|
||
|
|
` : `content = content.__esModule ? content.default : content;
|
||
|
|
|
||
|
|
exported.locals = content.locals || {};`}
|
||
|
|
|
||
|
|
var refs = 0;
|
||
|
|
var update;
|
||
|
|
var options = ${JSON.stringify(runtimeOptions)};
|
||
|
|
|
||
|
|
${(0, _utils.getStyleTagTransformFn)(options, isSingleton)};
|
||
|
|
options.setAttributes = setAttributes;
|
||
|
|
${(0, _utils.getInsertOptionCode)(insertType, options)}
|
||
|
|
options.domAPI = ${(0, _utils.getdomAPI)(isAuto)};
|
||
|
|
options.insertStyleElement = insertStyleElement;
|
||
|
|
|
||
|
|
exported.use = function(insertOptions) {
|
||
|
|
options.options = insertOptions || {};
|
||
|
|
|
||
|
|
if (!(refs++)) {
|
||
|
|
update = API(content, options);
|
||
|
|
}
|
||
|
|
|
||
|
|
return exported;
|
||
|
|
};
|
||
|
|
exported.unuse = function() {
|
||
|
|
if (refs > 0 && !--refs) {
|
||
|
|
update();
|
||
|
|
update = null;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
${hmrCode}
|
||
|
|
|
||
|
|
${(0, _utils.getExportLazyStyleCode)(esModule, this, request)}
|
||
|
|
`;
|
||
|
|
}
|
||
|
|
case "styleTag":
|
||
|
|
case "autoStyleTag":
|
||
|
|
case "singletonStyleTag":
|
||
|
|
default:
|
||
|
|
{
|
||
|
|
const isSingleton = injectType === "singletonStyleTag";
|
||
|
|
const isAuto = injectType === "autoStyleTag";
|
||
|
|
const hmrCode = this.hot ? (0, _utils.getStyleHmrCode)(esModule, this, request, false) : "";
|
||
|
|
|
||
|
|
// eslint-disable-next-line consistent-return
|
||
|
|
return `
|
||
|
|
${(0, _utils.getImportStyleAPICode)(esModule, this)}
|
||
|
|
${(0, _utils.getImportStyleDomAPICode)(esModule, this, isSingleton, isAuto)}
|
||
|
|
${(0, _utils.getImportInsertBySelectorCode)(esModule, this, insertType, options)}
|
||
|
|
${(0, _utils.getSetAttributesCode)(esModule, this, options)}
|
||
|
|
${(0, _utils.getImportInsertStyleElementCode)(esModule, this)}
|
||
|
|
${(0, _utils.getStyleTagTransformFnCode)(esModule, this, options, isSingleton)}
|
||
|
|
${(0, _utils.getImportStyleContentCode)(esModule, this, request)}
|
||
|
|
${isAuto ? (0, _utils.getImportIsOldIECode)(esModule, this) : ""}
|
||
|
|
${esModule ? "" : `content = content.__esModule ? content.default : content;`}
|
||
|
|
|
||
|
|
var options = ${JSON.stringify(runtimeOptions)};
|
||
|
|
|
||
|
|
${(0, _utils.getStyleTagTransformFn)(options, isSingleton)};
|
||
|
|
options.setAttributes = setAttributes;
|
||
|
|
${(0, _utils.getInsertOptionCode)(insertType, options)}
|
||
|
|
options.domAPI = ${(0, _utils.getdomAPI)(isAuto)};
|
||
|
|
options.insertStyleElement = insertStyleElement;
|
||
|
|
|
||
|
|
var update = API(content, options);
|
||
|
|
|
||
|
|
${hmrCode}
|
||
|
|
|
||
|
|
${(0, _utils.getExportStyleCode)(esModule, this, request)}
|
||
|
|
`;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var _default = exports.default = loader;
|