123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305 |
- /*
- MIT License http://www.opensource.org/licenses/mit-license.php
- Author Tobias Koppers @sokra
- */
- "use strict";
- const { ConcatSource, OriginalSource } = require("webpack-sources");
- const Template = require("./Template");
- /** @typedef {import("../declarations/WebpackOptions").LibraryCustomUmdObject} LibraryCustomUmdObject */
- /** @typedef {import("./Compilation")} Compilation */
- /**
- * @param {string[]} accessor the accessor to convert to path
- * @returns {string} the path
- */
- const accessorToObjectAccess = accessor => {
- return accessor.map(a => `[${JSON.stringify(a)}]`).join("");
- };
- /**
- * @param {string=} base the path prefix
- * @param {string|string[]} accessor the accessor
- * @param {string=} joinWith the element separator
- * @returns {string} the path
- */
- const accessorAccess = (base, accessor, joinWith = ", ") => {
- const accessors = Array.isArray(accessor) ? accessor : [accessor];
- return accessors
- .map((_, idx) => {
- const a = base
- ? base + accessorToObjectAccess(accessors.slice(0, idx + 1))
- : accessors[0] + accessorToObjectAccess(accessors.slice(1, idx + 1));
- if (idx === accessors.length - 1) return a;
- if (idx === 0 && base === undefined)
- return `${a} = typeof ${a} === "object" ? ${a} : {}`;
- return `${a} = ${a} || {}`;
- })
- .join(joinWith);
- };
- /** @typedef {string | string[] | LibraryCustomUmdObject} UmdMainTemplatePluginName */
- /**
- * @typedef {Object} AuxiliaryCommentObject
- * @property {string} root
- * @property {string} commonjs
- * @property {string} commonjs2
- * @property {string} amd
- */
- /**
- * @typedef {Object} UmdMainTemplatePluginOption
- * @property {boolean=} optionalAmdExternalAsGlobal
- * @property {boolean} namedDefine
- * @property {string | AuxiliaryCommentObject} auxiliaryComment
- */
- class UmdMainTemplatePlugin {
- /**
- * @param {UmdMainTemplatePluginName} name the name of the UMD library
- * @param {UmdMainTemplatePluginOption} options the plugin option
- */
- constructor(name, options) {
- if (typeof name === "object" && !Array.isArray(name)) {
- this.name = name.root || name.amd || name.commonjs;
- this.names = name;
- } else {
- this.name = name;
- this.names = {
- commonjs: name,
- root: name,
- amd: name
- };
- }
- this.optionalAmdExternalAsGlobal = options.optionalAmdExternalAsGlobal;
- this.namedDefine = options.namedDefine;
- this.auxiliaryComment = options.auxiliaryComment;
- }
- /**
- * @param {Compilation} compilation the compilation instance
- * @returns {void}
- */
- apply(compilation) {
- const { mainTemplate, chunkTemplate, runtimeTemplate } = compilation;
- const onRenderWithEntry = (source, chunk, hash) => {
- let externals = chunk
- .getModules()
- .filter(
- m =>
- m.external &&
- (m.externalType === "umd" || m.externalType === "umd2")
- );
- const optionalExternals = [];
- let requiredExternals = [];
- if (this.optionalAmdExternalAsGlobal) {
- for (const m of externals) {
- if (m.optional) {
- optionalExternals.push(m);
- } else {
- requiredExternals.push(m);
- }
- }
- externals = requiredExternals.concat(optionalExternals);
- } else {
- requiredExternals = externals;
- }
- const replaceKeys = str => {
- return mainTemplate.getAssetPath(str, {
- hash,
- chunk
- });
- };
- const externalsDepsArray = modules => {
- return `[${replaceKeys(
- modules
- .map(m =>
- JSON.stringify(
- typeof m.request === "object" ? m.request.amd : m.request
- )
- )
- .join(", ")
- )}]`;
- };
- const externalsRootArray = modules => {
- return replaceKeys(
- modules
- .map(m => {
- let request = m.request;
- if (typeof request === "object") request = request.root;
- return `root${accessorToObjectAccess([].concat(request))}`;
- })
- .join(", ")
- );
- };
- const externalsRequireArray = type => {
- return replaceKeys(
- externals
- .map(m => {
- let expr;
- let request = m.request;
- if (typeof request === "object") {
- request = request[type];
- }
- if (request === undefined) {
- throw new Error(
- "Missing external configuration for type:" + type
- );
- }
- if (Array.isArray(request)) {
- expr = `require(${JSON.stringify(
- request[0]
- )})${accessorToObjectAccess(request.slice(1))}`;
- } else {
- expr = `require(${JSON.stringify(request)})`;
- }
- if (m.optional) {
- expr = `(function webpackLoadOptionalExternalModule() { try { return ${expr}; } catch(e) {} }())`;
- }
- return expr;
- })
- .join(", ")
- );
- };
- const externalsArguments = modules => {
- return modules
- .map(
- m =>
- `__WEBPACK_EXTERNAL_MODULE_${Template.toIdentifier(`${m.id}`)}__`
- )
- .join(", ");
- };
- const libraryName = library => {
- return JSON.stringify(replaceKeys([].concat(library).pop()));
- };
- let amdFactory;
- if (optionalExternals.length > 0) {
- const wrapperArguments = externalsArguments(requiredExternals);
- const factoryArguments =
- requiredExternals.length > 0
- ? externalsArguments(requiredExternals) +
- ", " +
- externalsRootArray(optionalExternals)
- : externalsRootArray(optionalExternals);
- amdFactory =
- `function webpackLoadOptionalExternalModuleAmd(${wrapperArguments}) {\n` +
- ` return factory(${factoryArguments});\n` +
- " }";
- } else {
- amdFactory = "factory";
- }
- const auxiliaryComment = this.auxiliaryComment;
- const getAuxilaryComment = type => {
- if (auxiliaryComment) {
- if (typeof auxiliaryComment === "string")
- return "\t//" + auxiliaryComment + "\n";
- if (auxiliaryComment[type])
- return "\t//" + auxiliaryComment[type] + "\n";
- }
- return "";
- };
- return new ConcatSource(
- new OriginalSource(
- "(function webpackUniversalModuleDefinition(root, factory) {\n" +
- getAuxilaryComment("commonjs2") +
- " if(typeof exports === 'object' && typeof module === 'object')\n" +
- " module.exports = factory(" +
- externalsRequireArray("commonjs2") +
- ");\n" +
- getAuxilaryComment("amd") +
- " else if(typeof define === 'function' && define.amd)\n" +
- (requiredExternals.length > 0
- ? this.names.amd && this.namedDefine === true
- ? " define(" +
- libraryName(this.names.amd) +
- ", " +
- externalsDepsArray(requiredExternals) +
- ", " +
- amdFactory +
- ");\n"
- : " define(" +
- externalsDepsArray(requiredExternals) +
- ", " +
- amdFactory +
- ");\n"
- : this.names.amd && this.namedDefine === true
- ? " define(" +
- libraryName(this.names.amd) +
- ", [], " +
- amdFactory +
- ");\n"
- : " define([], " + amdFactory + ");\n") +
- (this.names.root || this.names.commonjs
- ? getAuxilaryComment("commonjs") +
- " else if(typeof exports === 'object')\n" +
- " exports[" +
- libraryName(this.names.commonjs || this.names.root) +
- "] = factory(" +
- externalsRequireArray("commonjs") +
- ");\n" +
- getAuxilaryComment("root") +
- " else\n" +
- " " +
- replaceKeys(
- accessorAccess("root", this.names.root || this.names.commonjs)
- ) +
- " = factory(" +
- externalsRootArray(externals) +
- ");\n"
- : " else {\n" +
- (externals.length > 0
- ? " var a = typeof exports === 'object' ? factory(" +
- externalsRequireArray("commonjs") +
- ") : factory(" +
- externalsRootArray(externals) +
- ");\n"
- : " var a = factory();\n") +
- " for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n" +
- " }\n") +
- `})(${
- runtimeTemplate.outputOptions.globalObject
- }, function(${externalsArguments(externals)}) {\nreturn `,
- "webpack/universalModuleDefinition"
- ),
- source,
- ";\n})"
- );
- };
- for (const template of [mainTemplate, chunkTemplate]) {
- template.hooks.renderWithEntry.tap(
- "UmdMainTemplatePlugin",
- onRenderWithEntry
- );
- }
- mainTemplate.hooks.globalHashPaths.tap("UmdMainTemplatePlugin", paths => {
- if (this.names.root) paths = paths.concat(this.names.root);
- if (this.names.amd) paths = paths.concat(this.names.amd);
- if (this.names.commonjs) paths = paths.concat(this.names.commonjs);
- return paths;
- });
- mainTemplate.hooks.hash.tap("UmdMainTemplatePlugin", hash => {
- hash.update("umd");
- hash.update(`${this.names.root}`);
- hash.update(`${this.names.amd}`);
- hash.update(`${this.names.commonjs}`);
- });
- }
- }
- module.exports = UmdMainTemplatePlugin;
|