production应用程序没有为生产构建生成优化的包。

Question

我的微前端react应用程序是使用Nx工具创建的。它是使用创建的，当前的配置是未触及的&这是Nx提供的默认配置。

当我在生产模式中构建应用程序时，生成的包不会最小化&性能也不会优化。在project.json中，为优化的代码设置了标志，但是它们没有被执行。

在project.json中，如果我替换*目标>构建>选项> "webpackConfig"*从**自定义webpack路径**到**“@nrwl/ app /plugins/webpack”*，它会尊重优化标志并按预期工作，但它不会生成主机应用程序所需的remoteEntry.js文件来呈现微前端应用程序。

我也尝试基于这个official documentation定制webpack，但是代码返回错误。

webpack的变化--我尝试过：

const withModuleFederation = require('@nrwl/react/module-federation');
const moduleFederationConfig = require('./module-federation.config');
const { ModuleFederationPlugin } = require("webpack").container;

/* ========1 Orginal Code snippet================= */
//Creates remoteEntry.js file, but not uglified code
 module.exports = withModuleFederation({
  ...moduleFederationConfig,
}); 

/* =======2 ================== */

//返回错误: NX customWebpack不是函数/* module.exports ={

  plugins: [
    new ModuleFederationPlugin({
      ...moduleFederationConfig,
    }),
  ],
}; */

复制的步骤：

在这里存在

1. 代码：https://stackblitz.com/edit/react-ts-azwv9t或GIT: GIT：

1. Do npm安装

1. Do npm运行build

1. 在这里检查包输出: dist\apps\cart (文件应该最小化，但不是这样)

要检查的文件：

apps\cart\project.json：*目标>构建>配置>生产* apps\cart\webpack.config.js应用程序\主机\模块-Federation.config.js

Answer 1

问题现在已经解决了，之前我使用的是@nrwl版本14，迁移到最新版本后，问题就解决了。

运行下面的命令来升级nx迁移最新#，与nx迁移@nrwl/工作区@ upgrade相同