如何让MobX Decorators与Create-React-App v2一起使用？

Question

__PRE__

我尝试添加了decorators-legacy巴贝尔插件,并@babel/plugin-proposal-decorators与{ legacy: true }中.babelrc,但没有效果.

有人设法使MobX装饰器与CRA2一起工作吗？

Answer 1

首先，安装依赖项：

yarn add react-app-rewired customize-cra @babel/plugin-proposal-decorators

其次，config-overrides.js在根目录中创建以下内容：

const {
    addDecoratorsLegacy,
    override,
    disableEsLint
} = require("customize-cra");

module.exports = {
    webpack: override(
        addDecoratorsLegacy(),
        disableEsLint()
    )
};

您现在应该可以使用mobx +装饰器。

如果尚未安装mobx，请运行： yarn add mobx mobx-react。现在您可以使用装饰器。

Answer 2

npm 运行弹出

\n\n

将粗体行添加到 /config/webpack.config.dev.js 中第 162 行附近。确保在 /config/webpack.config.prod.js 上执行相同操作，否则应用程序将无法构建\xe2\x80\x99t

\n\n

插件: ["@babel/plugin-proposal-decorators", { "legacy": true }],

\n