Create-React-App-在特定节点模块上使用webpack babel加载器的任何方式?

问题描述 投票:1回答:0

我有一个共享的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配置。 因此,我认为需要发生以下两件事之一:

  1. 找到一种方法来覆盖wepback配置,以使其能够在我的特定node_modules上使用加载程序。 如果可能的话,我想避免ejecting

  2. 提前将共享库编译为一个我可以包含的dist文件,该文件已被编译。 我不喜欢这样,因为这意味着我必须包括整个共享库以及我实际需要的单个组件。

有关如何解决此问题的任何建议?

reactjs webpack babel create-react-app
© www.soinside.com 2019 - 2024. All rights reserved.