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

Question

• 我正在使用 Webpack 4 进行捆绑。
• 我有多个 Webpack 配置以webpack.config.js.
• 第一个配置是捆绑针对浏览器的 lient 代码。
• 第二种配置是捆绑服务器代码目标节点。
• 我使用 browserslist in 指定这些浏览器和节点目标package.json。

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

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

Answer 1

您不必使用package.json. 如果您在项目的根目录下创建名为.browserslistrcor的文件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根据您的配置，您的命令可能会有所不同。