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装饰器重写需要在变换类属性之前发生。