Repository URL to install this package:
|
Version:
3.1.2 ▾
|
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const fliplog_1 = __importDefault(require("fliplog"));
const webpack_1 = require("webpack");
const BANNER_CONFIG = {
banner: 'require("source-map-support").install();',
raw: true,
entryOnly: false,
};
const loader = {
test: /\.js$/,
use: [require.resolve('source-map-loader')],
enforce: 'pre',
};
/**
* @see https://webpack.js.org/plugins/source-map-dev-tool-plugin/
* @see https://webpack.js.org/plugins/banner-plugin/
* @see https://reactjs.org/docs/cross-origin-errors.html
* @see https://github.com/webpack-contrib/source-map-loader
*
* @name client
* @type {dev} inline or source-map-file for client
* @type {prod} hidden sourcemaps
*
* @name server
* @type {dev | prod | *} add source-map lib using BannerPlugin
* (so it's not part of webpack bundle & all chunks/output-files get it for node)
* @see https://github.com/mozilla/source-map
*
*/
function sourceMapMiddleware(config, options) {
const { isServer, isDev } = options;
const FORCE_SOURCE_MAPS = process.env.FORCE_SOURCE_MAPS;
if (isServer) {
const plugin = new webpack_1.BannerPlugin(BANNER_CONFIG);
config.plugins.push(plugin);
}
else {
// https://www.snip2code.com/Snippet/568096/hot-reload-webpackHotUpdate-is-not-defin
// https://github.com/gaearon/react-hot-loader/issues/834
// https://github.com/webpack/webpack/issues/5776
// const HMR_BANNER_CONFIG = {
// banner: `window.webpackHotUpdate = window.webpackHotUpdate || function() { console.log('HMR BUG') }`,
// raw: true,
// entryOnly: false,
// }
// const plugin = new BannerPlugin(HMR_BANNER_CONFIG)
// config.plugins.push(plugin)
}
// Include source maps for ANY node bundle so that we can support
// nice stack traces for errors (the source maps get consumed by
// the `node-source-map-support` module to allow for this).
//
// Always include source maps for any development build.
// Allow for the following flag to force source maps even for production
// builds.
//
// >>>>>>>>>>>>>>>>>>
// !!!!!!!! WAS ISNODE
// <<<<<<<<<<<<<<<<<<<<
if (isServer || FORCE_SOURCE_MAPS) {
// Produces an external source map (lives next to bundle output files).
// config.devtool = 'source-map'
config.devtool = 'cheap-module-source-map';
// config.devtool = 'inline-source-map'
}
else {
// const IS_STAGING = ('STAGING')
if (isDev) {
// Produces source map,
// but no link to the source map is added to the source code
// which allows re-tracing errors in production behind the scenes without exposing sourcemap
// config.devtool = 'hidden-source-map'
// @NOTE enabled for EASY sourcemap in prod
// config.devtool = 'inline-source-map'
// https://reactjs.org/docs/cross-origin-errors.html
config.devtool = 'cheap-module-source-map';
}
else if (process.env.OPTIMIZE) {
fliplog_1.default.bold('IS_STAGING_EH').echo();
config.devtool = 'hidden';
// @note - can enable this when debugging uglified
// ^ debugging it now
console.warn('ENABLED_SOURCEMAPS');
}
// @todo ! - currently has issues with the worker loader...
// config.module.rules.unshift(loader)
if (process.env.FORCE_SOURCE_MAPS) {
config.devtool = 'cheap-module-source-map';
}
}
}
exports.default = sourceMapMiddleware;
//# sourceMappingURL=sourceMaps.js.map