webpack/lib/AmdMainTemplatePlugin.js

/*
	MIT License http://www.opensource.org/licenses/mit-license.php
	Author Tobias Koppers @sokra
*/

"use strict";

const { ConcatSource } = require("webpack-sources");
const ExternalModule = require("./ExternalModule");
const Template = require("./Template");

/** @typedef {import("./Compilation")} Compilation */

/**
 * @typedef {Object} AmdMainTemplatePluginOptions
 * @param {string=} name the library name
 * @property {boolean=} requireAsWrapper
 */

class AmdMainTemplatePlugin {
	/**
	 * @param {AmdMainTemplatePluginOptions} options the plugin options
	 */
	constructor(options) {
		if (!options || typeof options === "string") {
			this.name = options;
			this.requireAsWrapper = false;
		} else {
			this.name = options.name;
			this.requireAsWrapper = options.requireAsWrapper;
		}
	}

	/**
	 * @param {Compilation} compilation the compilation instance
	 * @returns {void}
	 */
	apply(compilation) {
		const { mainTemplate, chunkTemplate, runtimeTemplate } = compilation;

		const modern = runtimeTemplate.supportsArrowFunction();

		const onRenderWithEntry = (source, chunk, hash) => {
			const chunkGraph = compilation.chunkGraph;
			const modules = chunkGraph
				.getChunkModules(chunk)
				.filter(m => m instanceof ExternalModule);
			const externals = /** @type {ExternalModule[]} */ (modules);
			const externalsDepsArray = JSON.stringify(
				externals.map(m =>
					typeof m.request === "object" && !Array.isArray(m.request)
						? m.request.amd
						: m.request
				)
			);
			const externalsArguments = externals
				.map(
					m =>
						`__WEBPACK_EXTERNAL_MODULE_${Template.toIdentifier(
							`${chunkGraph.getModuleId(m)}`
						)}__`
				)
				.join(", ");

			const fnStart = modern
				? `(${externalsArguments}) => `
				: `function(${externalsArguments}) { return `;
			const fnEnd = modern ? "" : "}";

			if (this.requireAsWrapper) {
				return new ConcatSource(
					`require(${externalsDepsArray}, ${fnStart}`,
					source,
					`${fnEnd});`
				);
			} else if (this.name) {
				const name = mainTemplate.getAssetPath(this.name, {
					hash,
					chunk
				});

				return new ConcatSource(
					`define(${JSON.stringify(name)}, ${externalsDepsArray}, ${fnStart}`,
					source,
					`${fnEnd});`
				);
			} else if (externalsArguments) {
				return new ConcatSource(
					`define(${externalsDepsArray}, ${fnStart}`,
					source,
					`${fnEnd});`
				);
			} else {
				return new ConcatSource(`define(${fnStart}`, source, `${fnEnd});`);
			}
		};

		mainTemplate.hooks.renderWithEntry.tap(
			"AmdMainTemplatePlugin",
			onRenderWithEntry
		);

		chunkTemplate.hooks.renderWithEntry.tap(
			"AmdMainTemplatePlugin",
			onRenderWithEntry
		);

		mainTemplate.hooks.hash.tap("AmdMainTemplatePlugin", hash => {
			hash.update("exports amd");
			if (this.name) {
				hash.update(this.name);
			}
		});
	}
}

module.exports = AmdMainTemplatePlugin;