babel-loader 8.2.1 → 8.2.4

package/README.md

@@ -1,5 +1,5 @@
 > This README is for babel-loader v8 + Babel v7
-> Check the [7.x branch](https://github.com/babel/babel-loader/tree/7.x) for docs with Babel v6
+> If you are using legacy Babel v6, see the [7.x branch](https://github.com/babel/babel-loader/tree/7.x) docs
 
 [![NPM Status](https://img.shields.io/npm/v/babel-loader.svg?style=flat)](https://www.npmjs.com/package/babel-loader)
 [![codecov](https://codecov.io/gh/babel/babel-loader/branch/main/graph/badge.svg)](https://codecov.io/gh/babel/babel-loader)
@@ -21,7 +21,7 @@ This package allows transpiling JavaScript files using [Babel](https://github.co
 
 <h2 align="center">Install</h2>
 
-> webpack 4.x | babel-loader 8.x | babel 7.x
+> webpack `4.x || 5.x` | babel-loader 8.x | babel 7.x
 
 ```bash
 npm install -D babel-loader @babel/core @babel/preset-env webpack
@@ -38,11 +38,13 @@ module: {
   rules: [
     {
       test: /\.m?js$/,
-      exclude: /(node_modules|bower_components)/,
+      exclude: /node_modules/,
       use: {
         loader: 'babel-loader',
         options: {
-          presets: ['@babel/preset-env']
+          presets: [
+            ['@babel/preset-env', { targets: "defaults" }]
+          ]
         }
       }
     }
@@ -54,19 +56,21 @@ module: {
 
 See the `babel` [options](https://babeljs.io/docs/en/options).
 
-You can pass options to the loader by using the [`options`](https://webpack.js.org/configuration/module/#rule-options-rule-query) property:
+You can pass options to the loader by using the [`options`](https://webpack.js.org/configuration/module/#ruleoptions--rulequery) property:
 
 ```javascript
 module: {
   rules: [
     {
       test: /\.m?js$/,
-      exclude: /(node_modules|bower_components)/,
+      exclude: /node_modules/,
       use: {
         loader: 'babel-loader',
         options: {
-          presets: ['@babel/preset-env'],
-          plugins: ['@babel/plugin-proposal-object-rest-spread']
+          presets: [
+            ['@babel/preset-env', { targets: "defaults" }]
+          ],
+          plugins: ['@babel/plugin-proposal-class-properties']
         }
       }
     }
@@ -84,6 +88,8 @@ This loader also supports the following loader-specific option:
 
 * `customize`: Default `null`. The path of a module that exports a `custom` callback [like the one that you'd pass to `.custom()`](#customized-loader). Since you already have to make a new file to use this, it is recommended that you instead use `.custom` to create a wrapper loader. Only use this if you _must_ continue using `babel-loader` directly, but still want to customize.
 
+* `metadataSubscribers`: Default `[]`. Takes an array of context function names. E.g. if you passed ['myMetadataPlugin'], you'd assign a subscriber function to `context.myMetadataPlugin` within your webpack plugin's hooks & that function will be called with `metadata`.
+
 ## Troubleshooting
 
 ### babel-loader is slow!
@@ -94,6 +100,35 @@ To exclude `node_modules`, see the `exclude` option in the `loaders` config as d
 
 You can also speed up babel-loader by as much as 2x by using the `cacheDirectory` option. This will cache transformations to the filesystem.
 
+### Some files in my node_modules are not transpiled for IE 11
+
+Although we typically recommend not compiling `node_modules`, you may need to when using libraries that do not support IE 11.
+
+For this, you can either use a combination of `test` and `not`, or [pass a function](https://webpack.js.org/configuration/module/#condition) to your `exclude` option. You can also use negative lookahead regex as suggested [here](https://github.com/webpack/webpack/issues/2031#issuecomment-294706065).
+
+```javascript
+{
+    test: /\.m?js$/,
+    exclude: {
+      and: [/node_modules/], // Exclude libraries in node_modules ...
+      not: [
+        // Except for a few of them that needs to be transpiled because they use modern syntax
+        /unfetch/,
+        /d3-array|d3-scale/,
+        /@hapi[\\/]joi-date/,
+      ]
+    },
+    use: {
+      loader: 'babel-loader',
+      options: {
+        presets: [
+          ['@babel/preset-env', { targets: "ie 11" }]
+        ]
+      }
+    }
+  }
+```
+
 ### Babel is injecting helpers into each file and bloating my code!
 
 Babel uses very small helpers for common functions such as `_extend`. By default, this will be added to every file that requires it.
@@ -112,11 +147,13 @@ rules: [
   // require the runtime instead of inlining it.
   {
     test: /\.m?js$/,
-    exclude: /(node_modules|bower_components)/,
+    exclude: /node_modules/,
     use: {
       loader: 'babel-loader',
       options: {
-        presets: ['@babel/preset-env'],
+        presets: [
+          ['@babel/preset-env', { targets: "defaults" }]
+        ],
         plugins: ['@babel/plugin-transform-runtime']
       }
     }
@@ -202,9 +239,9 @@ You will need to exclude them form `babel-loader`.
   "loader": "babel-loader",
   "options": {
     "exclude": [
-      // \\ for Windows, \/ for Mac OS and Linux
-      /node_modules[\\\/]core-js/,
-      /node_modules[\\\/]webpack[\\\/]buildin/,
+      // \\ for Windows, / for macOS and Linux
+      /node_modules[\\/]core-js/,
+      /node_modules[\\/]webpack[\\/]buildin/,
     ],
     "presets": [
       "@babel/preset-env"
@@ -213,6 +250,26 @@ You will need to exclude them form `babel-loader`.
 }
 ```
 
+### Top level function (IIFE) is still arrow (on Webpack 5)
+
+That function is injected by Webpack itself _after_ running `babel-loader`. By default Webpack asumes that your target environment supports some ES2015 features, but you can overwrite this behavior using the `output.environment` Webpack option ([documentation](https://webpack.js.org/configuration/output/#outputenvironment)).
+
+To avoid the top-level arrow function, you can use `output.environment.arrowFunction`:
+
+```js
+// webpack.config.js
+module.exports = {
+  // ...
+  output: {
+    // ...
+    environment: {
+      // ...
+      arrowFunction: false, // <-- this line does the trick
+    },
+  },
+};
+```
+
 ## Customize config based on webpack target
 
 Webpack supports bundling multiple [targets](https://webpack.js.org/concepts/targets/). For cases where you may want different Babel configurations for each target (like `web` _and_ `node`), this loader provides a `target` property via Babel's [caller](https://babeljs.io/docs/en/config-files#apicallercb) API.

package/lib/cache.js

@@ -25,12 +25,22 @@ const crypto = require("crypto");
 
 const findCacheDir = require("find-cache-dir");
 
-const promisify = require("pify");
+const {
+  promisify
+} = require("util");
 
 const transform = require("./transform"); // Lazily instantiated when needed
 
 
 let defaultCacheDirectory = null;
+let hashType = "md4"; // use md5 hashing if md4 is not available
+
+try {
+  crypto.createHash(hashType);
+} catch (err) {
+  hashType = "md5";
+}
+
 const readFile = promisify(fs.readFile);
 const writeFile = promisify(fs.writeFile);
 const gunzip = promisify(zlib.gunzip);
@@ -89,7 +99,7 @@ const write = /*#__PURE__*/function () {
 
 
 const filename = function (source, identifier, options) {
-  const hash = crypto.createHash("md4");
+  const hash = crypto.createHash(hashType);
   const contents = JSON.stringify({
     source,
     options,

package/lib/index.js

@@ -67,7 +67,7 @@ function loader(_x, _x2, _x3) {
 function _loader() {
   _loader = _asyncToGenerator(function* (source, inputSourceMap, overrides) {
     const filename = this.resourcePath;
-    let loaderOptions = loaderUtils.getOptions(this) || {};
+    let loaderOptions = loaderUtils.getOptions(this);
     validateOptions(schema, loaderOptions, {
       name: "Babel loader"
     });
@@ -198,12 +198,22 @@ function _loader() {
         });
       } else {
         result = yield transform(source, options);
-      } // TODO: Babel should really provide the full list of config files that
-      // were used so that this can also handle files loaded with 'extends'.
+      } // Availabe since Babel 7.12
+      // https://github.com/babel/babel/pull/11907
 
 
-      if (typeof config.babelrc === "string") {
-        this.addDependency(config.babelrc);
+      if (config.files) {
+        config.files.forEach(configFile => this.addDependency(configFile));
+      } else {
+        // .babelrc.json
+        if (typeof config.babelrc === "string") {
+          this.addDependency(config.babelrc);
+        } // babel.config.js
+
+
+        if (config.config) {
+          this.addDependency(config.config);
+        }
       }
 
       if (result) {

package/lib/transform.js

@@ -6,7 +6,9 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 const babel = require("@babel/core");
 
-const promisify = require("pify");
+const {
+  promisify
+} = require("util");
 
 const LoaderError = require("./Error");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-loader",
-  "version": "8.2.1",
+  "version": "8.2.4",
   "description": "babel module loader for webpack",
   "files": [
     "lib"
@@ -10,10 +10,9 @@
     "node": ">= 8.9"
   },
   "dependencies": {
-    "find-cache-dir": "^2.1.0",
-    "loader-utils": "^1.4.0",
-    "make-dir": "^2.1.0",
-    "pify": "^4.0.1",
+    "find-cache-dir": "^3.3.1",
+    "loader-utils": "^2.0.0",
+    "make-dir": "^3.1.0",
     "schema-utils": "^2.6.5"
   },
   "peerDependencies": {
@@ -45,7 +44,7 @@
     "react-intl-webpack-plugin": "^0.3.0",
     "rimraf": "^3.0.0",
     "semver": "7.3.2",
-    "webpack": "^5.4.0"
+    "webpack": "^5.34.0"
   },
   "scripts": {
     "clean": "rimraf lib/",