如何用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" ]
}