You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
3.0 KiB
71 lines
3.0 KiB
3 years ago
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
const qs = require("querystring");
|
||
|
|
const loaderUtils = require("loader-utils");
|
||
|
|
const formatError_1 = require("./formatError");
|
||
|
|
const descriptorCache_1 = require("./descriptorCache");
|
||
|
|
const resolveScript_1 = require("./resolveScript");
|
||
|
|
const util_1 = require("./util");
|
||
|
|
const compiler_sfc_1 = require("vue/compiler-sfc");
|
||
|
|
// Loader that compiles raw template into JavaScript functions.
|
||
|
|
// This is injected by the global pitcher (../pitch) for template
|
||
|
|
// selection requests initiated from vue files.
|
||
|
|
const TemplateLoader = function (source, inMap) {
|
||
|
|
var _a;
|
||
|
|
source = String(source);
|
||
|
|
const loaderContext = this;
|
||
|
|
// although this is not the main vue-loader, we can get access to the same
|
||
|
|
// vue-loader options because we've set an ident in the plugin and used that
|
||
|
|
// ident to create the request for this loader in the pitcher.
|
||
|
|
const options = (loaderUtils.getOptions(loaderContext) ||
|
||
|
|
{});
|
||
|
|
const isServer = (_a = options.isServerBuild) !== null && _a !== void 0 ? _a : loaderContext.target === 'node';
|
||
|
|
const isProd = loaderContext.mode === 'production' || process.env.NODE_ENV === 'production';
|
||
|
|
const query = qs.parse(loaderContext.resourceQuery.slice(1));
|
||
|
|
const scopeId = query.id;
|
||
|
|
const descriptor = (0, descriptorCache_1.getDescriptor)(loaderContext.resourcePath);
|
||
|
|
const script = (0, resolveScript_1.resolveScript)(descriptor, query.id, options, loaderContext);
|
||
|
|
let templateCompiler;
|
||
|
|
if (typeof options.compiler === 'string') {
|
||
|
|
templateCompiler = require(options.compiler);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
templateCompiler = options.compiler;
|
||
|
|
}
|
||
|
|
const compiled = (0, compiler_sfc_1.compileTemplate)({
|
||
|
|
source,
|
||
|
|
filename: loaderContext.resourcePath,
|
||
|
|
inMap,
|
||
|
|
id: scopeId,
|
||
|
|
scoped: !!query.scoped,
|
||
|
|
slotted: descriptor.slotted,
|
||
|
|
isProd,
|
||
|
|
ssr: isServer,
|
||
|
|
ssrCssVars: descriptor.cssVars,
|
||
|
|
compiler: templateCompiler,
|
||
|
|
compilerOptions: Object.assign(Object.assign(Object.assign({}, options.compilerOptions), { scopeId: query.scoped ? `data-v-${scopeId}` : undefined, bindingMetadata: script ? script.bindings : undefined }), (0, util_1.resolveTemplateTSOptions)(descriptor, options)),
|
||
|
|
transformAssetUrls: options.transformAssetUrls || true,
|
||
|
|
});
|
||
|
|
// tips
|
||
|
|
if (compiled.tips.length) {
|
||
|
|
compiled.tips.forEach((tip) => {
|
||
|
|
loaderContext.emitWarning(tip);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
// errors
|
||
|
|
if (compiled.errors && compiled.errors.length) {
|
||
|
|
compiled.errors.forEach((err) => {
|
||
|
|
if (typeof err === 'string') {
|
||
|
|
loaderContext.emitError(err);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
(0, formatError_1.formatError)(err, inMap ? inMap.sourcesContent[0] : source, loaderContext.resourcePath);
|
||
|
|
loaderContext.emitError(err);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
const { code, map } = compiled;
|
||
|
|
loaderContext.callback(null, code, map);
|
||
|
|
};
|
||
|
|
exports.default = TemplateLoader;
|