使用带有配置文件的 Browserify 而不是长 CLI 命令

Question

对于 Babel，有一个 .babelrc 文件，其中包含 Babel 工作所需的所有参数，因此您可以只使用 babel index.js，它的工作方式与 .babelrc 中指定的一样，例如：

// .babelrc file { "presets": ["react"] }

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

工作方式与：

相同

smroot@whatever: ~/project $ babel index.js --presets react

Browserify 是否有类似的东西，所以：

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

可以替换为：

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

和这个的配置文件？

Answer 1

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

打开您的 package.json 文件并找到（或创建）脚本部分。

然后在此处插入带有您想要的名称的命令。

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

您现在可以运行它与 npm run browserify

否则你可以使用运行像 gulp 这样的任务来处理这个问题。一般来说，如果您有多个任务，例如运行ning bable、browserify、sass、less，或者需要移动文件，实际任务运行ner 可能会派上用场。

Answer 2

@the_cheff 的解决方案很棒，也可以直接从 package.json 文件中定义您需要的参数，而无需创建和 npm 脚本.

你需要的是一把新钥匙"browserify"这样

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

并通过 CLI 运行:

browserify script.js > build/bundle.js

使用带有配置文件的 Browserify 而不是长 CLI 命令

Using Browserify with a config file instead of long CLI command

javascript

browserify