Control over build steps in Cloudflare Pages

Developers Cloudflare Pages
1

When Cloudflare Pages does a deployment, it automatically runs npm clean-install --progress=false.

However, I need it to run with --legacy-peer-deps.

Are there any way do define or change build steps with Cloudflare Pages?

3

Hi @martin57,

Yes, you can define custom build commands in Cloudflare Pages by editing your wrangler.toml file or specifying the build command in the Cloudflare Pages dashboard under your project settings. Here’s how you can do it:

  1. Go to your Cloudflare Pages dashboard and select your project.
  2. Click on ‘Settings’ and navigate to the ‘Builds & deployments’ section.
  3. In the ‘Build command’ field, enter your custom command, such as npm install --legacy-peer-deps && your_build_command.
  4. Save your changes.

This will override the default build command with the one you’ve specified.
You can find more information in the following page:

4

Unfortunately, it didn’t work for me. One step before it still runs Detected the following tools from environment: [email protected], [email protected] Installing project dependencies: npm clean-install --progress=false

5

Hi @eamagea123 ,

I would recommend asking on Discord if you haven’t already.
For Workers and Pages related topics, our community in there is more active.

Please do feel free to update the thread here if you get a resolution, to help others who may find this topic.

Thanks for using Cloudflare!

6

I do have the same problem and I hate Discord. It’s way easier to find stuff in the organized topics here. Do we have any updates about this topic?

2 Likes
7

I’m also facing this issue. Can’t you use the cloudflare build pipeline because of failing legacy peer dependencies. Can we please get a fix for this?

1 Like