reactjs - React-App- Rewired不会添加Babel插件

Question

所以我试图使用react-native-web运行react-native。它需要添加一些babel插件。

我的应用是使用react-app-rewired创建的。我尝试了几种添加babel插件的方法，但是没有成功。

我正在使用一个像这样的config-overrides.js文件:

const { override, addBabelPlugins, addDecoratorsLegacy, fixBabelImports } = require('customize-cra');

const addHandleBarsLoader = config => {
    // add handlebars-loader so that handlebars templates in
    // webpack-dev-server's served html files are parsed
    // (specifically the meta tags)
    config.module.rules.push({ test: /\.html$/, loader: 'handlebars-loader' });
    return config;
}


module.exports = override(
    addHandleBarsLoader,
    fixBabelImports('import', {
        libraryName: 'antd',
        libraryDirectory: 'es',
        style: true,
      }),addBabelPlugins('@babel/plugin-proposal-class-properties'),
);

我知道其他配置替代方法有效，但是babel一直忽略新插件(已安装的插件以及其他所有插件)。

另外，我正在通过react-app-rewired构建来构建应用程序。

那是我尝试构建时收到的错误消息

./node_modules/rn-bottom-drawer/src/BottomDrawer.js
SyntaxError: /Users/admin/Documents/Meirim/Workspace/meirim/node_modules/rn-bottom-drawer/src/BottomDrawer.js: Support for the experimental syntax 'classProperties' isn't currently enabled (13:20):

  11 |
  12 | export default class BottomDrawer extends Component{
> 13 |   static propTypes = {
     |                    ^
  14 |     /**
  15 |      * Height of the drawer.
  16 |      */

Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins' section of your Babel configto enable transformation.

非常感谢(:

加尔

Answer 1

找到解决方案后，只需使用一个名为addExternalBabelPlugin的函数即可