如何使用babelify运行cssify

Question

我正在使用React构建一个小部件，并使用以下命令编译我的代码：

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

但是现在我还需要从组件本身加载样式表。为此，我找到了cssify。现在，我的代码中有以下几行：

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

我已经安装了cssify，并且在babelify之后添加了命令：

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

不过，这似乎不起作用。

有什么想法吗？我不想现在就去设置webpack、gulp或者其他的构建工具。但是，如果真的没有其他方法可以做到这一点，请告诉我怎么做，谢谢！

Answer 1

我倾向于一个接一个地指定我的转换，不确定是否有速记。

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

为了稍微清理一下，我通常将它作为脚本添加到包中，并添加一个babel字段

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