javascript - MobX @observable 装饰器从商店中删除一个字段

Question

我正在尝试了解 MobX 并创建一个简单的商店：

import { observable, autorun, computed } from "mobx";

class SomeStore {
  @observable someField = "";
}

const store = new SomeStore();
window.store = store;
export default store;

但window.store不包含字段someField。没有这个装饰器字段存在于对象中。webpack.config 中的加载器：

module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                query: {
                    presets: ["react", "es2015"],
                    plugins: ["react-html-attrs", "transform-class-properties", "transform-decorators-legacy"]
                },
                loader: "babel"
            }
        ]
    }

Answer 1

该插件"transform-decorators-legacy"应该在您的插件列表中排在第一位。babel 装饰器重写需要在转换类属性之前发生。