CRA and Webpack5 for microfrontend

[popuguytheparrot]

Hello. Please tell me. I am trying to make sure that CRA remains in the project as a development tool with an excellent DX.
I added an alias for two versions of the webpack to the package

"webpack": "4.44.2",
    "webpack-5.32.0": "npm:webpack@5.32.0",
    "webpack-cli": "4.6.0"

but I catch an error
[webpack-cli] TypeError: Cannot read property 'includes' of undefined

What can i do without create custom config and kill DX?

[alexander-akait]

CRA is not compatibility with webpack v5 yet

[popuguytheparrot]

i dont try use webpack5 in CRA. I create alias and webpack.config for build app. For development using CRA

[snitin315]

How did you run webpack?

[popuguytheparrot]

"build:mf": "node ./node_modules/webpack-5.32.0/bin/webpack.js --config ./webpack.config.js",

[snitin315]

As per your script in #13133 (reply in thread) you used webpack-5.32.0 which is not yet compatible.

Also, we have a WEBPACK_PACKAGE env variable for using a custom webpack package.

     "webpack": "4.44.2",
     "webpack-5.32.0": "npm:webpack@5.32.0",
     "webpack-cli": "4.6.0"

"build:mf": "webpack --config ./webpack.config.js" - run with webpack 4

"build:mf": "WEBPACK_PACKAGE=webpack-5.32.0 webpack --config ./webpack.config.js" - run with webpack 5

Refer https://webpack.js.org/api/cli/#cli-environment-variables

[popuguytheparrot]

Will try

[popuguytheparrot]

So... Working version. Add only the required loaders 😊
Please tell me about Terser and code compression. Do also need to connect everything? How to deal with production build?