cypress/plugins/index.ts

/// <reference types="cypress" />
// ***********************************************************
// This example plugins/index.js can be used to load plugins
//
// You can change the location of this file or turn off loading
// the plugins file with the 'pluginsFile' configuration option.
//
// You can read more here:
// https://on.cypress.io/plugins-guide
// ***********************************************************

// This function is called when a project is opened or re-opened (e.g. due to
// the project's config changing)

/**
 * @type {Cypress.PluginConfig}
 */

const webpackPreprocessor = require('@cypress/webpack-preprocessor');

module.exports = (on: any) => {
	const options = {
		// send in the options from your webpack.config.js, so it works the same
		// as your app's code

		webpackOptions: require('../../webpack.dev.client'),
		watchOptions: {},
	};

	on('file:preprocessor', webpackPreprocessor(options));
};