123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171 |
- /*
- MIT License http://www.opensource.org/licenses/mit-license.php
- Author Tobias Koppers @sokra
- */
- "use strict";
- const path = require("path");
- const crypto = require("crypto");
- const RequestShortener = require("./RequestShortener");
- const ConcatSource = require("webpack-sources").ConcatSource;
- const RawSource = require("webpack-sources").RawSource;
- const ModuleFilenameHelpers = require("./ModuleFilenameHelpers");
- const SourceMapDevToolModuleOptionsPlugin = require("./SourceMapDevToolModuleOptionsPlugin");
- const basename = (name) => {
- if(name.indexOf("/") < 0) return name;
- return name.substr(name.lastIndexOf("/") + 1);
- };
- class SourceMapDevToolPlugin {
- constructor(options) {
- if(arguments.length > 1)
- throw new Error("SourceMapDevToolPlugin only takes one argument (pass an options object)");
- // TODO: remove in webpack 3
- if(typeof options === "string") {
- options = {
- sourceMapFilename: options
- };
- }
- if(!options) options = {};
- this.sourceMapFilename = options.filename;
- this.sourceMappingURLComment = options.append === false ? false : options.append || "\n//# sourceMappingURL=[url]";
- this.moduleFilenameTemplate = options.moduleFilenameTemplate || "webpack:///[resourcePath]";
- this.fallbackModuleFilenameTemplate = options.fallbackModuleFilenameTemplate || "webpack:///[resourcePath]?[hash]";
- this.options = options;
- }
- apply(compiler) {
- const sourceMapFilename = this.sourceMapFilename;
- const sourceMappingURLComment = this.sourceMappingURLComment;
- const moduleFilenameTemplate = this.moduleFilenameTemplate;
- const fallbackModuleFilenameTemplate = this.fallbackModuleFilenameTemplate;
- const requestShortener = new RequestShortener(compiler.context);
- const options = this.options;
- options.test = options.test || /\.(js|css)($|\?)/i;
- compiler.plugin("compilation", compilation => {
- new SourceMapDevToolModuleOptionsPlugin(options).apply(compilation);
- compilation.plugin("after-optimize-chunk-assets", function(chunks) {
- let allModules = [];
- let allModuleFilenames = [];
- const tasks = [];
- chunks.forEach(function(chunk) {
- chunk.files.filter(ModuleFilenameHelpers.matchObject.bind(undefined, options)).map(function(file) {
- const asset = compilation.assets[file];
- if(asset.__SourceMapDevToolFile === file && asset.__SourceMapDevToolData) {
- const data = asset.__SourceMapDevToolData;
- for(const cachedFile in data) {
- compilation.assets[cachedFile] = data[cachedFile];
- if(cachedFile !== file)
- chunk.files.push(cachedFile);
- }
- return;
- }
- let source, sourceMap;
- if(asset.sourceAndMap) {
- const sourceAndMap = asset.sourceAndMap(options);
- sourceMap = sourceAndMap.map;
- source = sourceAndMap.source;
- } else {
- sourceMap = asset.map(options);
- source = asset.source();
- }
- if(sourceMap) {
- return {
- chunk,
- file,
- asset,
- source,
- sourceMap
- };
- }
- }).filter(Boolean).map(task => {
- const modules = task.sourceMap.sources.map(source => {
- const module = compilation.findModule(source);
- return module || source;
- });
- const moduleFilenames = modules.map(module => ModuleFilenameHelpers.createFilename(module, moduleFilenameTemplate, requestShortener));
- task.modules = modules;
- task.moduleFilenames = moduleFilenames;
- return task;
- }).forEach(task => {
- allModules = allModules.concat(task.modules);
- allModuleFilenames = allModuleFilenames.concat(task.moduleFilenames);
- tasks.push(task);
- });
- });
- allModuleFilenames = ModuleFilenameHelpers.replaceDuplicates(allModuleFilenames, (filename, i) => ModuleFilenameHelpers.createFilename(allModules[i], fallbackModuleFilenameTemplate, requestShortener), (ai, bi) => {
- let a = allModules[ai];
- let b = allModules[bi];
- a = !a ? "" : typeof a === "string" ? a : a.identifier();
- b = !b ? "" : typeof b === "string" ? b : b.identifier();
- return a.length - b.length;
- });
- allModuleFilenames = ModuleFilenameHelpers.replaceDuplicates(allModuleFilenames, (filename, i, n) => {
- for(let j = 0; j < n; j++)
- filename += "*";
- return filename;
- });
- tasks.forEach(task => {
- task.moduleFilenames = allModuleFilenames.slice(0, task.moduleFilenames.length);
- allModuleFilenames = allModuleFilenames.slice(task.moduleFilenames.length);
- });
- tasks.forEach(function(task) {
- const chunk = task.chunk;
- const file = task.file;
- const asset = task.asset;
- const sourceMap = task.sourceMap;
- const source = task.source;
- const moduleFilenames = task.moduleFilenames;
- const modules = task.modules;
- sourceMap.sources = moduleFilenames;
- if(sourceMap.sourcesContent && !options.noSources) {
- sourceMap.sourcesContent = sourceMap.sourcesContent.map((content, i) => `${content}\n\n\n${ModuleFilenameHelpers.createFooter(modules[i], requestShortener)}`);
- } else {
- sourceMap.sourcesContent = undefined;
- }
- sourceMap.sourceRoot = options.sourceRoot || "";
- sourceMap.file = file;
- asset.__SourceMapDevToolFile = file;
- asset.__SourceMapDevToolData = {};
- let currentSourceMappingURLComment = sourceMappingURLComment;
- if(currentSourceMappingURLComment !== false && /\.css($|\?)/i.test(file)) {
- currentSourceMappingURLComment = currentSourceMappingURLComment.replace(/^\n\/\/(.*)$/, "\n/*$1*/");
- }
- const sourceMapString = JSON.stringify(sourceMap);
- if(sourceMapFilename) {
- let filename = file;
- let query = "";
- const idx = filename.indexOf("?");
- if(idx >= 0) {
- query = filename.substr(idx);
- filename = filename.substr(0, idx);
- }
- let sourceMapFile = compilation.getPath(sourceMapFilename, {
- chunk,
- filename,
- query,
- basename: basename(filename)
- });
- if(sourceMapFile.indexOf("[contenthash]") !== -1) {
- sourceMapFile = sourceMapFile.replace(/\[contenthash\]/g, crypto.createHash("md5").update(sourceMapString).digest("hex"));
- }
- const sourceMapUrl = path.relative(path.dirname(file), sourceMapFile).replace(/\\/g, "/");
- if(currentSourceMappingURLComment !== false) {
- asset.__SourceMapDevToolData[file] = compilation.assets[file] = new ConcatSource(new RawSource(source), currentSourceMappingURLComment.replace(/\[url\]/g, sourceMapUrl));
- }
- asset.__SourceMapDevToolData[sourceMapFile] = compilation.assets[sourceMapFile] = new RawSource(sourceMapString);
- chunk.files.push(sourceMapFile);
- } else {
- asset.__SourceMapDevToolData[file] = compilation.assets[file] = new ConcatSource(new RawSource(source), currentSourceMappingURLComment
- .replace(/\[map\]/g, () => sourceMapString)
- .replace(/\[url\]/g, () => `data:application/json;charset=utf-8;base64,${new Buffer(sourceMapString, "utf-8").toString("base64")}`) // eslint-disable-line
- );
- }
- });
- });
- });
- }
- }
- module.exports = SourceMapDevToolPlugin;
|