@umijs/bundler-webpack 4.0.6 → 4.0.9

package/client/utils/formatWebpackMessages.js

@@ -1,92 +1,74 @@
-import stripAnsi from '@umijs/utils/compiled/strip-ansi';
-const friendlySyntaxErrorLabel = 'Syntax error:';
+// formatWebpackMessages.ts
+import stripAnsi from "@umijs/utils/compiled/strip-ansi";
+var friendlySyntaxErrorLabel = "Syntax error:";
 function isLikelyASyntaxError(message) {
-    return stripAnsi(message).indexOf(friendlySyntaxErrorLabel) !== -1;
+  return stripAnsi(message).indexOf(friendlySyntaxErrorLabel) !== -1;
 }
-export function formatMessage(message) {
-    let lines = [];
-    if (typeof message === 'string') {
-        lines = message.split('\n');
-    }
-    else if ('message' in message) {
-        lines = message['message'].split('\n');
-    }
-    else if (Array.isArray(message)) {
-        message.forEach((message) => {
-            if ('message' in message) {
-                lines = message['message'].split('\n');
-            }
-        });
-    }
-    // Strip webpack-added headers off errors/warnings
-    // https://github.com/webpack/webpack/blob/master/lib/ModuleError.js
-    lines = lines.filter((line) => !/Module [A-z ]+\(from/.test(line));
-    // Transform parsing error into syntax error
-    // TODO: move this to our ESLint formatter?
-    lines = lines.map((line) => {
-        const parsingError = /Line (\d+):(?:(\d+):)?\s*Parsing error: (.+)$/.exec(line);
-        if (!parsingError) {
-            return line;
-        }
-        const [, errorLine, errorColumn, errorMessage] = parsingError;
-        return `${friendlySyntaxErrorLabel} ${errorMessage} (${errorLine}:${errorColumn})`;
+function formatMessage(message) {
+  let lines = [];
+  if (typeof message === "string") {
+    lines = message.split("\n");
+  } else if ("message" in message) {
+    lines = message["message"].split("\n");
+  } else if (Array.isArray(message)) {
+    message.forEach((message2) => {
+      if ("message" in message2) {
+        lines = message2["message"].split("\n");
+      }
     });
-    message = lines.join('\n');
-    // Smoosh syntax errors (commonly found in CSS)
-    message = message.replace(/SyntaxError\s+\((\d+):(\d+)\)\s*(.+?)\n/g, `${friendlySyntaxErrorLabel} $3 ($1:$2)\n`);
-    // Clean up export errors
-    message = message.replace(/^.*export '(.+?)' was not found in '(.+?)'.*$/gm, `Attempted import error: '$1' is not exported from '$2'.`);
-    message = message.replace(/^.*export 'default' \(imported as '(.+?)'\) was not found in '(.+?)'.*$/gm, `Attempted import error: '$2' does not contain a default export (imported as '$1').`);
-    message = message.replace(/^.*export '(.+?)' \(imported as '(.+?)'\) was not found in '(.+?)'.*$/gm, `Attempted import error: '$1' is not exported from '$3' (imported as '$2').`);
-    lines = message.split('\n');
-    // Remove leading newline
-    if (lines.length > 2 && lines[1].trim() === '') {
-        lines.splice(1, 1);
-    }
-    // Clean up file name
-    lines[0] = lines[0].replace(/^(.*) \d+:\d+-\d+$/, '$1');
-    // Cleans up verbose "module not found" messages for files and packages.
-    if (lines[1] && lines[1].indexOf('Module not found: ') === 0) {
-        lines = [
-            lines[0],
-            lines[1]
-                .replace('Error: ', '')
-                .replace('Module not found: Cannot find file:', 'Cannot find file:'),
-        ];
+  }
+  lines = lines.filter((line) => !/Module [A-z ]+\(from/.test(line));
+  lines = lines.map((line) => {
+    const parsingError = /Line (\d+):(?:(\d+):)?\s*Parsing error: (.+)$/.exec(line);
+    if (!parsingError) {
+      return line;
     }
-    // Add helpful message for users trying to use Sass for the first time
-    if (lines[1] && lines[1].match(/Cannot find module.+sass/)) {
-        lines[1] = 'To import Sass files, you first need to install sass.\n';
-        lines[1] +=
-            'Run `npm install sass` or `yarn add sass` inside your workspace.';
-    }
-    message = lines.join('\n');
-    // Internal stacks are generally useless so we strip them... with the
-    // exception of stacks containing `webpack:` because they're normally
-    // from user code generated by webpack. For more information see
-    // https://github.com/facebook/create-react-app/pull/1050
-    message = message.replace(/^\s*at\s((?!webpack:).)*:\d+:\d+[\s)]*(\n|$)/gm, ''); // at ... ...:x:y
-    message = message.replace(/^\s*at\s<anonymous>(\n|$)/gm, ''); // at <anonymous>
-    lines = message.split('\n');
-    // Remove duplicated newlines
-    lines = lines.filter((line, index, arr) => index === 0 ||
-        line.trim() !== '' ||
-        line.trim() !== arr[index - 1].trim());
-    // Reassemble the message
-    message = lines.join('\n');
-    return message.trim();
+    const [, errorLine, errorColumn, errorMessage] = parsingError;
+    return `${friendlySyntaxErrorLabel} ${errorMessage} (${errorLine}:${errorColumn})`;
+  });
+  message = lines.join("\n");
+  message = message.replace(/SyntaxError\s+\((\d+):(\d+)\)\s*(.+?)\n/g, `${friendlySyntaxErrorLabel} $3 ($1:$2)
+`);
+  message = message.replace(/^.*export '(.+?)' was not found in '(.+?)'.*$/gm, `Attempted import error: '$1' is not exported from '$2'.`);
+  message = message.replace(/^.*export 'default' \(imported as '(.+?)'\) was not found in '(.+?)'.*$/gm, `Attempted import error: '$2' does not contain a default export (imported as '$1').`);
+  message = message.replace(/^.*export '(.+?)' \(imported as '(.+?)'\) was not found in '(.+?)'.*$/gm, `Attempted import error: '$1' is not exported from '$3' (imported as '$2').`);
+  lines = message.split("\n");
+  if (lines.length > 2 && lines[1].trim() === "") {
+    lines.splice(1, 1);
+  }
+  lines[0] = lines[0].replace(/^(.*) \d+:\d+-\d+$/, "$1");
+  if (lines[1] && lines[1].indexOf("Module not found: ") === 0) {
+    lines = [
+      lines[0],
+      lines[1].replace("Error: ", "").replace("Module not found: Cannot find file:", "Cannot find file:")
+    ];
+  }
+  if (lines[1] && lines[1].match(/Cannot find module.+sass/)) {
+    lines[1] = "To import Sass files, you first need to install sass.\n";
+    lines[1] += "Run `npm install sass` or `yarn add sass` inside your workspace.";
+  }
+  message = lines.join("\n");
+  message = message.replace(/^\s*at\s((?!webpack:).)*:\d+:\d+[\s)]*(\n|$)/gm, "");
+  message = message.replace(/^\s*at\s<anonymous>(\n|$)/gm, "");
+  lines = message.split("\n");
+  lines = lines.filter((line, index, arr) => index === 0 || line.trim() !== "" || line.trim() !== arr[index - 1].trim());
+  message = lines.join("\n");
+  return message.trim();
 }
-export function formatWebpackMessages(json) {
-    const formattedErrors = json.errors.map(function (message) {
-        return formatMessage(message);
-    });
-    const formattedWarnings = json.warnings.map(function (message) {
-        return formatMessage(message);
-    });
-    const result = { errors: formattedErrors, warnings: formattedWarnings };
-    if (result.errors.some(isLikelyASyntaxError)) {
-        // If there are any syntax errors, show just them.
-        result.errors = result.errors.filter(isLikelyASyntaxError);
-    }
-    return result;
+function formatWebpackMessages(json) {
+  const formattedErrors = json.errors.map(function(message) {
+    return formatMessage(message);
+  });
+  const formattedWarnings = json.warnings.map(function(message) {
+    return formatMessage(message);
+  });
+  const result = { errors: formattedErrors, warnings: formattedWarnings };
+  if (result.errors.some(isLikelyASyntaxError)) {
+    result.errors = result.errors.filter(isLikelyASyntaxError);
+  }
+  return result;
 }
+export {
+  formatMessage,
+  formatWebpackMessages
+};

package/dist/build.d.ts

@@ -15,6 +15,6 @@ declare type IOpts = {
     extraBabelPlugins?: any[];
     extraBabelPresets?: any[];
     clean?: boolean;
-} & Pick<IConfigOpts, 'cache'>;
+} & Pick<IConfigOpts, 'cache' | 'pkg'>;
 export declare function build(opts: IOpts): Promise<webpack.Stats>;
 export {};

package/dist/build.js

@@ -1,66 +1,110 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.build = void 0;
-const utils_1 = require("@umijs/utils");
-const webpack_1 = __importDefault(require("../compiled/webpack"));
-const config_1 = require("./config/config");
-const types_1 = require("./types");
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// build.ts
+var build_exports = {};
+__export(build_exports, {
+  build: () => build
+});
+module.exports = __toCommonJS(build_exports);
+var import_utils = require("@umijs/utils");
+var import_path = require("path");
+var import_webpack = __toESM(require("../compiled/webpack"));
+var import_config = require("./config/config");
+var import_types = require("./types");
 async function build(opts) {
-    const webpackConfig = await (0, config_1.getConfig)({
-        cwd: opts.cwd,
-        rootDir: opts.rootDir,
-        env: types_1.Env.production,
-        entry: opts.entry,
-        userConfig: opts.config,
-        analyze: process.env.ANALYZE,
-        babelPreset: opts.babelPreset,
-        extraBabelPlugins: [
-            ...(opts.beforeBabelPlugins || []),
-            ...(opts.extraBabelPlugins || []),
-        ],
-        extraBabelPresets: [
-            ...(opts.beforeBabelPresets || []),
-            ...(opts.extraBabelPresets || []),
-        ],
-        extraBabelIncludes: opts.config.extraBabelIncludes,
-        chainWebpack: opts.chainWebpack,
-        modifyWebpackConfig: opts.modifyWebpackConfig,
-        cache: opts.cache,
-    });
-    let isFirstCompile = true;
-    return new Promise((resolve, reject) => {
-        if (opts.clean) {
-            utils_1.rimraf.sync(webpackConfig.output.path);
+  const cacheDirectoryPath = (0, import_path.resolve)(opts.rootDir || opts.cwd, opts.config.cacheDirectoryPath || "node_modules/.cache");
+  const webpackConfig = await (0, import_config.getConfig)({
+    cwd: opts.cwd,
+    rootDir: opts.rootDir,
+    env: import_types.Env.production,
+    entry: opts.entry,
+    userConfig: opts.config,
+    analyze: process.env.ANALYZE,
+    babelPreset: opts.babelPreset,
+    extraBabelPlugins: [
+      ...opts.beforeBabelPlugins || [],
+      ...opts.extraBabelPlugins || []
+    ],
+    extraBabelPresets: [
+      ...opts.beforeBabelPresets || [],
+      ...opts.extraBabelPresets || []
+    ],
+    extraBabelIncludes: opts.config.extraBabelIncludes,
+    chainWebpack: opts.chainWebpack,
+    modifyWebpackConfig: opts.modifyWebpackConfig,
+    cache: opts.cache ? __spreadProps(__spreadValues({}, opts.cache), {
+      cacheDirectory: (0, import_path.join)(cacheDirectoryPath, "bundler-webpack")
+    }) : void 0,
+    pkg: opts.pkg
+  });
+  let isFirstCompile = true;
+  return new Promise((resolve2, reject) => {
+    if (opts.clean) {
+      import_utils.rimraf.sync(webpackConfig.output.path);
+    }
+    const compiler = (0, import_webpack.default)(webpackConfig);
+    compiler.run((err, stats) => {
+      var _a;
+      (_a = opts.onBuildComplete) == null ? void 0 : _a.call(opts, {
+        err,
+        stats,
+        isFirstCompile,
+        time: stats ? stats.endTime - stats.startTime : null
+      });
+      isFirstCompile = false;
+      if (err || (stats == null ? void 0 : stats.hasErrors())) {
+        if (err) {
+          reject(err);
+        }
+        if (stats) {
+          const errorMsg = stats.toString("errors-only");
+          reject(new Error(errorMsg));
         }
-        const compiler = (0, webpack_1.default)(webpackConfig);
-        compiler.run((err, stats) => {
-            var _a;
-            (_a = opts.onBuildComplete) === null || _a === void 0 ? void 0 : _a.call(opts, {
-                err,
-                stats,
-                isFirstCompile,
-                time: stats ? stats.endTime - stats.startTime : null,
-            });
-            isFirstCompile = false;
-            if (err || (stats === null || stats === void 0 ? void 0 : stats.hasErrors())) {
-                if (err) {
-                    // console.error(err);
-                    reject(err);
-                }
-                if (stats) {
-                    const errorMsg = stats.toString('errors-only');
-                    // console.error(errorMsg);
-                    reject(new Error(errorMsg));
-                }
-            }
-            else {
-                resolve(stats);
-            }
-            compiler.close(() => { });
-        });
+      } else {
+        resolve2(stats);
+      }
+      compiler.close(() => {
+      });
     });
+  });
 }
-exports.build = build;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  build
+});

package/dist/cli.js

@@ -1,81 +1,89 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-const esbuild_1 = __importDefault(require("@umijs/bundler-utils/compiled/esbuild"));
-const utils_1 = require("@umijs/utils");
-const assert_1 = __importDefault(require("assert"));
-const fs_1 = require("fs");
-const path_1 = require("path");
-const build_1 = require("./build");
-const dev_1 = require("./dev");
-const args = (0, utils_1.yParser)(process.argv.slice(2), {});
-const command = args._[0];
-const cwd = process.cwd();
-const entry = (0, utils_1.tryPaths)([
-    (0, path_1.join)(cwd, 'src/index.tsx'),
-    (0, path_1.join)(cwd, 'src/index.ts'),
-    (0, path_1.join)(cwd, 'index.tsx'),
-    (0, path_1.join)(cwd, 'index.ts'),
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+
+// cli.ts
+var import_esbuild = __toESM(require("@umijs/bundler-utils/compiled/esbuild"));
+var import_utils = require("@umijs/utils");
+var import_assert = __toESM(require("assert"));
+var import_fs = require("fs");
+var import_path = require("path");
+var import_build = require("./build");
+var import_dev = require("./dev");
+var args = (0, import_utils.yParser)(process.argv.slice(2), {});
+var command = args._[0];
+var cwd = process.cwd();
+var entry = (0, import_utils.tryPaths)([
+  (0, import_path.join)(cwd, "src/index.tsx"),
+  (0, import_path.join)(cwd, "src/index.ts"),
+  (0, import_path.join)(cwd, "index.tsx"),
+  (0, import_path.join)(cwd, "index.ts")
 ]);
-let config = {};
-const configFile = (0, path_1.join)(cwd, args.config || 'config.ts');
-utils_1.register.register({
-    implementor: esbuild_1.default,
+var config = {};
+var configFile = (0, import_path.join)(cwd, args.config || "config.ts");
+import_utils.register.register({
+  implementor: import_esbuild.default
 });
-utils_1.register.clearFiles();
-if ((0, fs_1.existsSync)(configFile)) {
-    require('./requireHook');
-    config = require(configFile).default;
+import_utils.register.clearFiles();
+if ((0, import_fs.existsSync)(configFile)) {
+  require("./requireHook");
+  config = require(configFile).default;
 }
 Object.assign(config, args);
-if (command === 'build') {
-    (async () => {
-        process.env.NODE_ENV = 'production';
-        (0, assert_1.default)(entry, `Build failed: entry not found.`);
-        try {
-            await (0, build_1.build)({
-                config,
-                cwd,
-                entry: {
-                    [getEntryKey(entry)]: entry,
-                },
-            });
+if (command === "build") {
+  (async () => {
+    process.env.NODE_ENV = "production";
+    (0, import_assert.default)(entry, `Build failed: entry not found.`);
+    try {
+      await (0, import_build.build)({
+        config,
+        cwd,
+        entry: {
+          [getEntryKey(entry)]: entry
         }
-        catch (e) {
-            console.error(e);
+      });
+    } catch (e) {
+      console.error(e);
+    }
+  })();
+} else if (command === "dev") {
+  (async () => {
+    process.env.NODE_ENV = "development";
+    try {
+      (0, import_assert.default)(entry, `Build failed: entry not found.`);
+      await (0, import_dev.dev)({
+        config,
+        cwd,
+        port: process.env.PORT,
+        entry: {
+          [getEntryKey(entry)]: entry
+        },
+        cache: {
+          buildDependencies: [].filter(Boolean)
         }
-    })();
-}
-else if (command === 'dev') {
-    (async () => {
-        process.env.NODE_ENV = 'development';
-        try {
-            (0, assert_1.default)(entry, `Build failed: entry not found.`);
-            await (0, dev_1.dev)({
-                config,
-                cwd,
-                port: process.env.PORT,
-                entry: {
-                    [getEntryKey(entry)]: entry,
-                },
-                cache: {
-                    buildDependencies: [].filter(Boolean),
-                },
-            });
-        }
-        catch (e) {
-            console.error(e);
-        }
-    })();
-}
-else {
-    error(`Unsupported command ${command}.`);
+      });
+    } catch (e) {
+      console.error(e);
+    }
+  })();
+} else {
+  error(`Unsupported command ${command}.`);
 }
 function error(msg) {
-    console.error(utils_1.chalk.red(msg));
+  console.error(import_utils.chalk.red(msg));
 }
 function getEntryKey(path) {
-    return (0, path_1.basename)(path, (0, path_1.extname)(path));
+  return (0, import_path.basename)(path, (0, import_path.extname)(path));
 }

package/dist/config/_sampleFeature.js

@@ -1,11 +1,35 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addSampleFeature = void 0;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// _sampleFeature.ts
+var sampleFeature_exports = {};
+__export(sampleFeature_exports, {
+  addSampleFeature: () => addSampleFeature
+});
+module.exports = __toCommonJS(sampleFeature_exports);
 async function addSampleFeature(opts) {
-    const { config, userConfig, cwd, env } = opts;
-    config;
-    userConfig;
-    cwd;
-    env;
+  const { config, userConfig, cwd, env } = opts;
+  config;
+  userConfig;
+  cwd;
+  env;
 }
-exports.addSampleFeature = addSampleFeature;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addSampleFeature
+});

package/dist/config/assetRules.js

@@ -1,39 +1,48 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addAssetRules = void 0;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// assetRules.ts
+var assetRules_exports = {};
+__export(assetRules_exports, {
+  addAssetRules: () => addAssetRules
+});
+module.exports = __toCommonJS(assetRules_exports);
 async function addAssetRules(opts) {
-    const { config, userConfig } = opts;
-    const inlineLimit = parseInt(userConfig.inlineLimit || '10000', 10);
-    const rule = config.module.rule('asset');
-    rule
-        .oneOf('avif')
-        .test(/\.avif$/)
-        .type('asset')
-        .mimetype('image/avif')
-        .parser({
-        dataUrlCondition: {
-            maxSize: inlineLimit,
-        },
-    });
-    rule
-        .oneOf('image')
-        .test(/\.(bmp|gif|jpg|jpeg|png)$/)
-        .type('asset')
-        .parser({
-        dataUrlCondition: {
-            maxSize: inlineLimit,
-        },
-    });
-    const fallback = rule
-        .oneOf('fallback')
-        .exclude.add(/^$/) /* handle data: resources */
-        .add(/\.(js|mjs|jsx|ts|tsx)$/)
-        .add(/\.(css|less|sass|scss|stylus)$/)
-        .add(/\.html$/)
-        .add(/\.json$/);
-    if (userConfig.mdx) {
-        fallback.add(/\.mdx?$/);
+  const { config, userConfig } = opts;
+  const inlineLimit = parseInt(userConfig.inlineLimit || "10000", 10);
+  const rule = config.module.rule("asset");
+  rule.oneOf("avif").test(/\.avif$/).type("asset").mimetype("image/avif").parser({
+    dataUrlCondition: {
+      maxSize: inlineLimit
     }
-    fallback.end().type('asset/resource');
+  });
+  rule.oneOf("image").test(/\.(bmp|gif|jpg|jpeg|png)$/).type("asset").parser({
+    dataUrlCondition: {
+      maxSize: inlineLimit
+    }
+  });
+  const fallback = rule.oneOf("fallback").exclude.add(/^$/).add(/\.(js|mjs|jsx|ts|tsx)$/).add(/\.(css|less|sass|scss|stylus)$/).add(/\.html$/).add(/\.json$/);
+  if (userConfig.mdx) {
+    fallback.add(/\.mdx?$/);
+  }
+  fallback.end().type("asset/resource");
 }
-exports.addAssetRules = addAssetRules;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addAssetRules
+});