是否存在类似Babel的.babelrc的Browserify配置文件？

完全可以像Babel那样用配置文件来简化冗长的Browserify CLI命令，下面给你讲几种实用的方式：

1. 用package.json的专属字段配置 #

直接在项目的package.json里添加browserify字段，把transform、参数等配置写进去就行。针对你提到的babelify场景，配置示例如下：

{
  "name": "your-project",
  "version": "1.0.0",
  "browserify": {
    "transform": [["babelify", { "presets": ["react"] }]]
  }
}

配置好之后，你只需要执行：

browserify index.js -o bundle/index.js

效果和原来的长命令完全一致。

2. 单独的.browserifyrc配置文件 #

如果你不想把Browserify配置塞进package.json，也可以在项目根目录创建一个.browserifyrc文件，内容格式和上面package.json里的browserify字段完全相同：

{
  "transform": [["babelify", { "presets": ["react"] }]]
}

同样，执行简化后的命令就能生效。

3. 进阶：结合npm scripts一键执行 #

要是连简化后的命令都觉得麻烦，还可以把命令放到package.json的scripts字段里：

{
  "scripts": {
    "bundle": "browserify index.js -o bundle/index.js"
  },
  "browserify": {
    "transform": [["babelify", { "presets": ["react"] }]]
  }
}

之后只需要敲一行命令就能完成打包：

npm run bundle

小提醒 #

记得确保babelify是本地安装到项目里的（执行npm install babelify --save-dev），全局安装的依赖可能会出现找不到的问题哦。

内容的提问来源于stack exchange，提问作者lnl