Parcel@2 for backend and frontend

[Rechdan]

I've already configured Parcel@1 to build my backend and frontend , but with different scripts, so one does the backend and the other does the frontend, with Parcel@2 its not clear to me but I'd like to see if it is possible to build both, backend and frontend, with the same command?

Thanks! 😉

[DeMoorJasper]

Yes you can, it is called Targets there's a small overview of how it works in the new docs https://v2.parceljs.org/getting-started/configuration/#targets

These docs are currently very work in progress and incomplete unfortunately, we're working hard to improve them

[Rechdan]

I can't figure out how to configure it properly, here is how I made it so far:

package.json

{
	"scripts": {
		"dev": "parcel --log-level verbose --no-autoinstall --no-cache ./src/server/index.ts ./src/client/index.tsx"
	},
	"devDependencies": {
		"parcel": "2.0.0-beta.1"
	},
	"server": "./src/server/index.ts",
	"client": "./src/client/index.tsx",
	"targets": {
		"server": {
			"context": "node",
			"distDir": "./dist/server",
			"engines": {
				"node": ">=12.x"
			},
			"includeNodeModules": true,
			"outputFormat": "commonjs"
		},
		"client": {
			"context": "browser",
			"distDir": "./dist/client",
			"engines": {
				"browsers": "> 0.2%"
			},
			"includeNodeModules": true,
			"outputFormat": "esmodule"
		}
	},
	"alias": {
		"client": "./src/client",
		"imports": "./src/imports",
		"server": "./src/server"
	}
}

[DeMoorJasper]

I think the command should be parcel --log-level verbose --no-autoinstall --no-cache without any entries as you've already defined the entries in pkg.json. Besides that I'm not sure what errors you get or what is not working without much more information

[Rechdan]

Thats sad, still not working...

{
	"name": "app",
	"version": "1.0.0",
	"license": "MIT",
	"scripts": {
		"dev": "parcel --log-level verbose --no-autoinstall --no-cache"
	},
	"dependencies": {
		"express": "4.17.1",
		"helmet": "3.23.1",
		"mysql": "2.18.1",
		"react": "16.13.1",
		"react-dom": "16.13.1",
		"typeorm": "0.2.25"
	},
	"devDependencies": {
		"@types/express": "4.17.6",
		"@types/helmet": "0.0.47",
		"@types/node": "14.0.13",
		"@types/react": "16.9.38",
		"@types/react-dom": "16.9.8",
		"parcel": "2.0.0-beta.1",
		"typescript": "3.9.5"
	},
	"server": "./src/server/index.ts",
	"client": "./src/client/index.tsx",
	"targets": {
		"server": {
			"context": "node",
			"distDir": "./dist/server",
			"engines": {
				"node": ">=12.x"
			},
			"includeNodeModules": true,
			"outputFormat": "commonjs"
		},
		"client": {
			"context": "browser",
			"distDir": "./dist/client",
			"engines": {
				"browsers": "> 0.2%"
			},
			"includeNodeModules": true,
			"outputFormat": "esmodule"
		}
	},
	"alias": {
		"client": "./src/client",
		"imports": "./src/imports",
		"server": "./src/server"
	}
}

yarn dev
yarn run v1.22.4
$ parcel --log-level verbose --no-autoinstall --no-cache
No entries found
Done in 0.73s.

[mischnic]

Building multiple entry points into multiple (distinct) targets isn't possible at the moment: #3790

If you change "server": "./src/server/index.ts", into "server": "./dist/server/index.js", (or something like that), you can do:
parcel build src/server/index.ts --target server && parcel build src/client/index.ts --target client

[matthewoates]

@mischnic is this still not possible?

If so, these docs are very misleading: https://parceljs.org/features/targets/#package.json%23targets.*.source