Question

对于Babel，有一个babel index.js文件，其中包含Babel工作所需的所有参数，因此您只需使用.babelrc，这就像在// .babelrc file { "presets": ["react"] }中指定的那样工作，例如：

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

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

的工作方式与：

相同

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

Browserify是否有类似的内容，所以：

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

可以替换为：

import { webFrame } from 'electron'; ... webFrame: typeof webFrame; ... constructor() { if(this.Electron()) { ... this.webFrame = window.require('electron').webFrame; ... }

和这个的配置文件？

Answer 1

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

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

然后在这里插入一个你想要的名字。

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

您现在可以使用npm run browserify

运行它

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

Answer 2

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

您需要的是一个新密钥“浏览”

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

并通过CLI运行：

browserify script.js > build/bundle.js

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

2 个答案: