Kann nicht browserify zu babel-plugin-transform-class-properties

Question

Ich versuche, MobX in meinem Projekt zu verwenden, und ich versuche, Klasseneigenschaften zu verwenden. Allerdings, wenn ich browserify durchlaufe (mit Laravel's Elixir). Ich bekomme den Fehler Missing class properties transform. while parsing file. Gibt es etwas, das mir fehlt, um Klasseneigenschaften für die Arbeit mit browserify zu bekommen?

Browserify Failed!: /Users/.../resources/assets/js/pages/Show/CampaignStore.js: Missing class properties transform. while parsing file: /Users/.../resources/assets/js/pages/Show/CampaignStore.js 
Missing class properties transform. 
    2 | 
    3 | class CampaignStore { 
> 4 | id = Math.random(); 
    | ^
    5 | @observable title = ''; 
    6 | @observable messages = []; 
    7 | 

Meine .babelrc Datei:

{ 
    "presets": [ 
    "es2015", 
    "react", 
    "stage-0" 
    ], 
    "plugins": ["transform-decorators-legacy", "transform-class-properties"] 
} 

Die Klasse

import { observable, computed } from 'mobx'; 

class CampaignStore { 
    id = Math.random(); 
    @observable title = ''; 
    @observable messages = []; 

    // ... 
} 

gulpfile.js

require('dotenv').config(); 
var elixir = require('laravel-elixir'); 

var HOST = process.env.SERVER || 'http://localhost'; 

elixir.config.js.browserify.transformers.push({ 
    name: 'babelify', 
    options: { 
     presets: ["es2015", "react", "stage-1"], 
     plugins: ["transform-class-properties"] 
    } 
}); 

elixir(function(mix) { 
    mix.browserify('pages/Show.js', 'public/js/bundles/show.js'); 

    mix.sass('clean.scss'); 

    mix.browserSync({ 
     proxy: HOST 
    }); 
}); 

Answer 1

Sie außer Kraft setzen sollte genau babelify Transformator:

elixir.config.js.browserify.transformers 
    .find(transformer => transformer.name === 'babelify') 
    .options = { 
    presets: ['es2015', 'react', 'stage-1'], 
    plugins: ['transform-class-properties'], 
    }; 

oder einfach nur die gleiche babel-Konfigurationsdatei verwenden:

elixir.config.js.browserify.transformers 
    .find(transformer => transformer.name === 'babelify') 
    .options = require('./package.json').babel;