1

我安装在 babel 模块下面

npm install babel-cli babel-preset-env babel-preset-minify --save-dev

并且package.json

"scripts": {
  "build": "babel src -d dist --copy-files"
}

当我使用以下.babelrc配置运行构建时

{
  "presets": [
    "env"
  ],
  "comments": false
}

它生成非缩小的构建到dist目录中。

但我也想拥有缩小版本以及非缩小版本。我尝试添加两个预设.babelrc如下

{
  "presets": [
    "minify", "env"
  ],
  "comments": false
}

但它不会同时生成缩小和非缩小版本。在这种情况下,只会生成缩小版本。

有没有办法让 babel在目录中创建像index.js&这样的缩小和非缩小版本。index.min.jsdist

4

1 回答 1

1

这是一种方法:

package.json脚本:

  "scripts": {
    "build:dev": "babel src -d dist --copy-files",
    "build:min": "BABEL_ENV=minify babel src -d dist --out-file-extension .min.js",
    "build": "npm run build:dev && npm run build:min"
  }

.babelrc配置:

{  
  presets: ['@babel/preset-env'],
  comments: false,
  env: {
    minify: {
      presets: ['@babel/preset-env', ['babel-preset-minify']],
    },
  }
}

然后运行npm run build

于 2021-06-24T19:23:57.510 回答