角块文件未创建与角模块联合会Webpack

Question

我遵循下面的链接来创建使用角模块联盟的MFE。

https://github.com/benorama/mfe-basic-demo

https://www.angulararchitects.io/en/aktuelles/the-microfrontend-revolution-part-2-module-federation-with-angular/

在运行完这个项目之后，

ng serve mfe1

我可以看到块文件是在终端中生成的，但实际上在文件资源管理器中没有文件，我无法找到mfe1RemoteEntry.js。

​

​

这是webpack的档案，

const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");
const mf = require("@angular-architects/module-federation/webpack");
const path = require("path");
const share = mf.share;

const sharedMappings = new mf.SharedMappings();
sharedMappings.register(
  path.join(__dirname, '../../tsconfig.json'),
  [/* mapped paths to share */]);

module.exports = {
  output: {
    uniqueName: "mfe1",
    publicPath: "auto"
  },
  optimization: {
    runtimeChunk: false
  },   
  resolve: {
    alias: {
      ...sharedMappings.getAliases(),
    }
  },
  plugins: [
    new ModuleFederationPlugin({
      
        name: "mfe1",
        filename: "mfe1RemoteEntry.js",
        exposes: {
            './TodoModule': './projects/mfe1/src/app/todo/todo.module.ts',
        },    
        shared: share({
          "@angular/core": { singleton: true, strictVersion: true, requiredVersion: 'auto' }, 
          "@angular/common": { singleton: true, strictVersion: true, requiredVersion: 'auto' }, 
          "@angular/common/http": { singleton: true, strictVersion: true, requiredVersion: 'auto' }, 
          "@angular/router": { singleton: true, strictVersion: true, requiredVersion: 'auto' },

          ...sharedMappings.getDescriptors()
        })
        
    }),
    sharedMappings.getPlugin()
  ],
};

有什么想法吗？

Answer 1

当您运行“ng serve”时，生成的块将只在内存中，而不是在磁盘上。在使用“ng build”构建项目之后，这些文件将在磁盘上。