@eightshift/frontend-libs/webpack/index.js

A collection of useful frontend utility modules. powered by Eightshift

/**
 * Main entrypoint location for webpack config.
 *
 */

const { merge } = require('webpack-merge');
const { getConfig } = require('./helpers');

module.exports = (mode, optionsData = {}) => {

	// All config and default setting overrides must be provided using this object.
	const options = {
		config: {},
		overrides: [],
		...optionsData,
	};

	// Append project config using getConfig helper.
	options.config = getConfig(
		optionsData.config.projectDir,
		optionsData.config.projectPath,
		optionsData.config.assetsPath,
		optionsData.config.blocksAssetsPath,
		optionsData.config.outputPath,
		optionsData.config.blocksManifestSettingsPath,
	);

	options.config.mode = mode;
	options.config.filesOutput = (mode === 'production' ? '[name]-[contenthash]' : '[name]');

	// Get all webpack partials.
	const base = require('./base')(options);
	const project = require('./project')(options);
	const production = require('./production')(options);

	// Default output that is going to be merged in any env.
	const outputDefault = merge(project, base);

	// Output development setup by default.
	const development = {
		devtool: false,
		watchOptions: {
			ignored: '**/node_modules',
		},
	};

	return merge(outputDefault, mode === 'production' ? production : development);
};