Wie laufen cssify mit babelify

Question

Ich baue ein Widget Reagieren mit und ich bin mit dem folgenden Befehl meinen Code zu kompilieren:

browserify -t [ babelify --presets [ es2015 react ] ] input.js -o output.js 

Aber jetzt selbst Ich muss auch Sheet von der Komponente laden. Ich fand CSSIFY für diesen Zweck. Jetzt habe ich die folgende Zeile in meinem Code:

var style = require('./styles/widget.css'); 

Ich habe bereits cssify installiert und ich habe den Befehl direkt nach babelify angefügt:

browserify -t [ babelify --presets [ es2015 react ] cssify ] input.js -o output.js 

Dies scheint nicht jedoch zu arbeiten.

Irgendwelche Ideen? Ich würde mich lieber nicht mit dem Einrichten von Webpack, Schluck oder irgendeinem anderen Build-Tool befassen. Aber wenn es wirklich keinen anderen Weg gibt, es zu tun, dann zeige mir bitte wie Danke!

Answer 1

Ich neige dazu, meine Transformationen einzeln anzugeben, nicht sicher, ob es eine Kurzschrift dafür gibt.

browserify -t babelify --presets [ es2015 react ] -t cssify input.js > output.js 

zu reinigen, dass ich ein wenig ich es als Skript zu dem Paket normalerweise hinzuzufügen und ein babel Feld

"scripts": { 
    "build": "browserify -t babelify -t cssify input.js > output.js" 
}, 
"babel": { 
    "presets": [ "es2015", "react" ] 
} 

hinzufügen