node packages within repo are required to be built first before using (blocking no-build dev loop mode)

[layershifter]

Problem details

the issue exists for following packages:

• jest-serializer-make-styles,
• babel-make-styles,
• make-styles,
• make-styles-webpack-loader

#18337 introduced Jest aliases to workaround build issues, but the problem was not completely solved. As #16889 is going to use Jest aliases too, we will have the same problem there:

● Validation Error:

  Module @fluentui/jest-serializer-make-styles in the snapshotSerializers option was not found.
         <rootDir> is: office-ui-fabric-react\packages\react-image

  Configuration Documentation:
  https://jestjs.io/docs/configuration.html

We met the problem before with babel-make-styles (#18040) and there is a proposal how to solve it (#18144).

Possible solutions

• use @babel/register/ts-node/esbuild-register/etc (WIP: buildless setup when consuming monorepo dependencies  #18144)
• rewrite jest-serializer-make-styles to JS, however it will not solve problem for other packages, POC in POC: rewrite jest-serializer-make-styles to JS #18356

[Hotell]

discussed during vbuild sync and it looks like we are gonna go with babel-register approach -> #18144

• this has various prerequisites:
  • migration: migrate converged packages to new DX (1st stage) #18579
  • post processing package.json when executing production builds -> dist/** in the root for convergence