我有一个共享的ui库作为私有的node_module。在我的角度应用程序中，我有一个webpack配置，可让我在包含这些组件的情况下进行翻译。
{
test: /\.(js|jsx)$/,
// Don't attempt to transpile any non-@aver node-modules
exclude: /(node_modules\/(?!(@aver)\/).*|bower_components)/,
use: [
{
loader: 'ng-annotate-loader',
options: { add: true, single_quotes: true }
},
{
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env', '@babel/preset-react'],
retainLines: true
}
}
]
},
当我尝试在我的新react应用程序（从create-react-app创建）中包含此共享库的某些部分时，它告诉我需要使用装载程序来包含那些组件。但是使用create-react-app时，您无权直接访问webpack配置。所以我认为有两件事需要发生：
找到一种方法来覆盖wepback配置，以使其能够在我的特定node_modules上使用加载程序。如果可能，我想避免使用ejecting。
提前将共享库编译为我可以包含的dist文件，该文件已被编译。我不喜欢这样，因为这意味着我必须包括整个共享库以及我实际需要的单个组件。
有关如何解决此问题的任何建议？