docbrown/config/webpack/development.js
Nick Taylor 8fabccec4e
Add Preact dev tools to development bundles (#11459)
* Now Preact dev tools are injected into development bundles.

* Updated frontend debugging documentation.

* Updated frontend debugging documentation wording.
2020-11-18 14:20:58 +01:00

26 lines
871 B
JavaScript

/* eslint-env node */
process.env.NODE_ENV = process.env.NODE_ENV || 'development';
const environment = require('./environment');
const config = environment.toWebpackConfig();
// For more information, see https://webpack.js.org/configuration/devtool/#devtool
config.devtool = 'eval-source-map';
// Inject the preact/devtools import into all the webpacker pack files (webpack entry points) that reference at least one Preact component
// so that Preact compoonents can be debugged with the Preact DevTools.
config.entry = Object.entries(config.entry).reduce(
(previous, [entryPointName, entryPointFileName]) => {
if (/\.jsx$/.test(entryPointFileName)) {
previous[entryPointName] = ['preact/devtools', entryPointFileName];
} else {
previous[entryPointName] = entryPointFileName;
}
return previous;
},
{},
);
module.exports = config;