使用browserslist和babel preset-env创建多个webpack捆绑包

Question

• 我正在使用 Webpack 4 进行打包。
• 我在 webpack.config.js 中导出了多个 Webpack 配置。
• 第一个配置是为了将客户端代码打包成浏览器可用的代码。
• 第二个配置是为了将服务器端代码打包成 Node 可用的代码。
• 我使用 package.json 中的 browserslist 来指定这些浏览器和 Node 的目标版本。

我需要为客户端和服务器端打包指定不同的 browserslist，但是我在 package.json 中只有一个 browserslist 键。

如何使用 package.json 指定不同的 browserslist？

- geeko

Answer 1

您不必使用 package.json 文件。如果您在项目根目录下创建一个名为 .browserslistrc 或者 browserslist 的文件，您可以使用不同的配置。

# Any general config goes at the very top, above any section headers
# ...

# Put section headers in [brackets]

[node]
supports es6-modules

[web]
>1% and not dead

然后调用webpack并设置BROWSERSLIST_ENV：

BROWSERSLIST_ENV=dev webpack -c webpack.dev.js # Build development
BROWSERSLIST_ENV=prod webpack -c webpack.prod.js # Build production

根据您的配置，您的webpack命令可能会有所不同。

- applemonkey496