webpack-4 - 多个带有 browserslist 和 babel preset-env 的 webpack 包

Question

我正在使用 Webpack 4 进行捆绑。

我在 webpack.config.js 中导出了多个 Webpack 配置.

第一个配置是捆绑针对浏览器的 lient 代码。

第二种配置是捆绑服务器代码目标节点。

我在 package.json 中使用 browserslist 指定这些浏览器和节点目标。 .

我需要为客户端和服务器包指定不同的浏览器列表，但我在 package.json 中只有一个浏览器列表键.

如何使用 package.json 指定不同的浏览器列表？

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根据您的配置，命令可能会有所不同。