fix: pass browserslistEnv to resolveTargets

.gitignore

@@ -70,6 +70,7 @@ packages/babel-standalone/babel.min.js
 /eslint/*/LICENSE
 !/packages/babel-eslint-plugin/LICENSE
 /.vscode
+/.history
 
 /dts
 

jest.config.js

@@ -21,6 +21,7 @@ module.exports = {
     "/test/helpers/",
     "<rootDir>/test/warning\\.js",
     "<rootDir>/build/",
+    "<rootDir>/.history/",
     "_browser\\.js",
   ],
   testEnvironment: "node",

packages/babel-helper-compilation-targets/package.json

@@ -32,7 +32,8 @@
   "devDependencies": {
     "@babel/core": "workspace:*",
     "@babel/helper-plugin-test-runner": "workspace:*",
-    "@types/semver": "^5.5.0"
+    "@types/semver": "^5.5.0",
+    "rimraf": "^3.0.0"
   },
   "engines": {
     "node": ">=6.9.0"

packages/babel-helper-compilation-targets/src/index.ts

@@ -154,8 +154,11 @@ function generateTargets(inputTargets: InputTargets): Targets {
   return input as any as Targets;
 }
 
-function resolveTargets(queries: Browsers): Targets {
-  const resolved = browserslist(queries, { mobileToDesktop: true });
+function resolveTargets(queries: Browsers, env?: string): Targets {
+  const resolved = browserslist(queries, {
+    mobileToDesktop: true,
+    env,
+  });
   return getLowestVersions(resolved);
 }
 
@@ -217,7 +220,7 @@ export default function getTargets(
   }
 
   if (browsers) {
-    const queryBrowsers = resolveTargets(browsers);
+    const queryBrowsers = resolveTargets(browsers, options.browserslistEnv);
 
     if (esmodules === "intersect") {
       for (const browser of Object.keys(queryBrowsers)) {

packages/babel-helper-compilation-targets/test/browserslist-extends/.browserslistrc

@@ -0,0 +1,3 @@
+[custom]
+extends @babel/browserslist-config
+chrome >= 71

packages/babel-helper-compilation-targets/test/browserslist-extends/browserslist-extends.spec.js

@@ -0,0 +1,44 @@
+import { join, dirname } from "path";
+import { promises } from "fs";
+import rimraf from "rimraf";
+import { fileURLToPath } from "url";
+import getTargets from "../..";
+
+const currentDir = dirname(fileURLToPath(import.meta.url));
+let mocked = [];
+
+async function mock(name, exports) {
+  const dir = join(
+    fileURLToPath(import.meta.url),
+    "..",
+    "..",
+    "..",
+    "node_modules",
+    name,
+  );
+  mocked.push(dir);
+  await promises.mkdir(dir, { recursive: true });
+  const content = "module.exports = " + JSON.stringify(exports);
+  await promises.writeFile(join(dir, "index.js"), content);
+}
+
+afterEach(() => {
+  mocked.map(dir => rimraf.sync(dir));
+  mocked = [];
+});
+
+it("pass env to configs used with extends", async () => {
+  await mock("@babel/browserslist-config", {
+    custom: ["firefox >= 75"],
+    defaults: ["chrome >= 5"],
+  });
+  const actual = getTargets(
+    {},
+    {
+      configPath: currentDir,
+      browserslistEnv: "custom",
+    },
+  );
+
+  expect(actual).toEqual({ chrome: "71.0.0", firefox: "75.0.0" });
+});

yarn.lock

@@ -458,6 +458,7 @@ __metadata:
     "@babel/helper-validator-option": "workspace:^7.14.5"
     "@types/semver": ^5.5.0
     browserslist: ^4.16.6
+    rimraf: ^3.0.0
     semver: "condition:BABEL_8_BREAKING ? ^7.3.4 : ^6.3.0"
   peerDependencies:
     "@babel/core": ^7.0.0