Javascript 将Browserify与配置文件而不是长CLI命令一起使用

对于Babel，有一个

.babelrc

文件，其中包含Babel工作所需的所有参数，因此您只需使用

Babel index.js

，该文件的工作方式与

.babelrc

中的规定相同，例如：

/.babelrc文件
{
“预设”：[“反应”]
}

smroot@whatever：~/project$babel index.js

其工作方式与：

smroot@whatever：~/project$babel index.js——预设反应

Browserify是否有类似的功能，因此：

smroot@whatever：~/project$browserify index.js-o bundle/index.js-t[babelify--presets[react]]

可替换为：

smroot@whatever：~/project$browserify index.js

---

还有一个配置文件？

正如@azium在评论中建议的那样，您可以创建一个npm脚本来处理这个问题

打开package.json文件并查找（或创建）脚本部分

然后在此处插入命令，并使用您想要的名称

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

您现在可以使用

npm run browserify

---

否则，您可以使用类似的任务运行程序来处理此问题。一般来说，如果您有多个任务，如运行bable、browserify、sass、less或需要移动文件，那么实际的任务运行程序可能会派上用场。

@the_cheff的解决方案非常好，而且还可以直接从package.json文件定义所需的参数，而无需创建和npm脚本

您需要的是一个新的键“browserify”

"browserify": {
    "transform": [
      [
        "babelify",
        {
          "presets": [
            "@babel/preset-env"
          ]
        }
      ]
    ]
  }

然后通过CLI运行：

browserify script.js > build/bundle.js

---

制作一个npm脚本？我的意思是，在package.json的scripts部分添加一个键，并将命令放在那里。我应该提到，我最近将一个大型项目构建设置从browserify和gulp的组合转换为react，特别是对于react，我建议使用webpack，因为大多数在线信息都基于webpack。