我正在做一个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之间的数据共享。
1条答案
按热度按时间qgzx9mmu1#
当我试图让我的遥控器在一个angular库中使用graphql-tag时,我遇到了类似的问题。我使用了Webpack中的ModuleFederationPlugin,而不是AngularArchitects中的。这解决了我的问题。希望这能帮助别人。