Proxy through DevServer/Bundler API

[tascord]

Hey!

Is it possible to specify either directly, or specify a file, that the bundler/devserver will use instead of the .proxyrc file?

Currently I have a setup like this

const bundler = new Parcel({
    entries: [
        relative_path('../test/material/1.tsx')
    ],
    config: relative_path('../resources/parcel_config.json'),
    mode: 'development',
    serveOptions: { port: 3000 },
    hmrOptions: { port: 3000 },
    logLevel: 'verbose',
    additionalReporters: [
        // todo: add custom reporter
        {
            packageName: '@parcel/reporter-cli',
            resolveFrom: fileURLToPath(import.meta.url),
        }
    ]
})

but due to the nature of this project, all of the paths are quite messy.

[mischnic]

Unfortunately not, it always reads from the config file:

parcel/packages/reporters/dev-server/src/Server.js

Lines 384 to 429 in 527e477

	/**
	* Load proxy table from package.json and apply them.
	*/
	async applyProxyTable(app: any): Promise<Server> {
	// avoid skipping project root
	const fileInRoot: string = path.join(this.options.projectRoot, '_');
	const pkg = await loadConfig(
	this.options.inputFS,
	fileInRoot,
	['.proxyrc.js', '.proxyrc', '.proxyrc.json'],
	this.options.projectRoot,
	);
	if (!pkg || !pkg.config || !pkg.files) {
	return this;
	}
	const cfg = pkg.config;
	const filename = path.basename(pkg.files[0].filePath);
	if (filename === '.proxyrc.js') {
	if (typeof cfg !== 'function') {
	this.options.logger.warn({
	message:
	"Proxy configuration file '.proxyrc.js' should export a function. Skipping...",
	});
	return this;
	}
	cfg(app);
	} else if (filename === '.proxyrc' || filename === '.proxyrc.json') {
	if (typeof cfg !== 'object') {
	this.options.logger.warn({
	message:
	"Proxy table in '.proxyrc' should be of object type. Skipping...",
	});
	return this;
	}
	for (const [context, options] of Object.entries(cfg)) {
	// each key is interpreted as context, and value as middleware options
	app.use(createProxyMiddleware(context, options));
	}
	}
	return this;
	}