如何在webpack配置中添加graphql loader规则Angular 14

8yparm6h  于 2023-10-19  发布在  Webpack
关注(0)|答案(1)|浏览(92)

我正在做一个poc项目,用Angular 14实现模块联合。我想在webpack配置中包含graphql loader规则。但它不起作用。

const { shareAll, withModuleFederationPlugin } = require('@angular-architects/module-federation/webpack');

module.exports = {
  module: {
    rules: [
        {
            test: /\.(graphql|gql|graphqls)$/,
            exclude: /node_modules/,
            loader: 'graphql-tag/loader'
        }
    ],
  },
}, withModuleFederationPlugin({
  name: 'sampleUi',
  exposes: {
     './Module': './projects/sample-ui/src/app/search/search.module.ts',
  },
  shared: shareAll({ singleton: true, strictVersion: true, requiredVersion: 'auto' }),
  sharedMappings: [],
});

我想在这里使用withModuleFederationPlugin助手,因为它允许主机和mfe之间的数据共享。

qgzx9mmu

qgzx9mmu1#

当我试图让我的遥控器在一个angular库中使用graphql-tag时,我遇到了类似的问题。我使用了Webpack中的ModuleFederationPlugin,而不是AngularArchitects中的。这解决了我的问题。希望这能帮助别人。

相关问题