Can't concatenate in serverless.yml

I’m currently migrating from the plugin to the component.

In my existing serverless.yml I am able to do this sort of thing:

domainName: ${env:STAGE}-front-end.mydomain.com

But in the component if I do this

ph-front-end:
  component: '@sls-next/serverless-component@1.16.0-alpha.1'
  inputs:
    domain:
      - ${env.STAGE}-front-end
      - mydomain.com

Then it doesn’t seem to concatenate.

Also with the lambda names:

name:
  defaultLambda: ${env.STAGE}-front-end
  apiLambda: ${env.STAGE}-front-end-api

In that case I just get the STAGE variable without the -front-end added on.

If the syntax works in the old serverless.yml I’m surprised it doesn’t work in the new serverless.yml.

Am I doing something wrong? I don’t want to have to send ${SUBDOMAIN}, ${LAMBDA_NAME}, ${API_LAMBDA_NAME}, etc. when they’re all just derivations off of ${STAGE}

[mattdell]

I have no explanation for this, but the trick is to set stage as a veriable in the component and then reference that. Referencing the environment variable directly seems to just overwrite everything.

Working configuration

stage: ${env.STAGE}
my-app:
  component: '@sls-next/serverless-component@1.16.0-alpha.1'
  inputs:
    domain:
      - '${stage}-front-end'
      - mydomain.com

[mattdell]

That doesn’t work either. So frustrating.

domain:
  - '${env.STAGE}-front-end'
  - mydomain.com

Then running

env STAGE=dev npx serverless

I get a domain of https://dev.mydomain.com rather than what I’d expect to be https://dev-front-end.mydomain.com