feat: support avif file resolve (umijs#7273)

Co-authored-by: 张倬辉 <[email protected]>
soolx · Sep 6, 2021 · badc5c7 · badc5c7
1 parent 7f8abd5
commit badc5c7
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 0 deletions.
diff --git a/packages/bundler-webpack/src/fixtures/avif/expect.ts b/packages/bundler-webpack/src/fixtures/avif/expect.ts
@@ -0,0 +1,5 @@
+import { IExpectOpts } from '../types';
+
+export default ({ indexJS }: IExpectOpts) => {
+  expect(indexJS).toContain(`__webpack_require__.p + "static/mustache.`);
+};
diff --git a/packages/bundler-webpack/src/fixtures/avif/index.tsx b/packages/bundler-webpack/src/fixtures/avif/index.tsx
@@ -0,0 +1,4 @@
+import React from 'react'
+import img from './mustache.avif';
+
+export default () => <img src={img} alt="mustache.avif" />
diff --git a/packages/bundler-webpack/src/fixtures/avif/mustache.avif b/packages/bundler-webpack/src/fixtures/avif/mustache.avif
diff --git a/packages/bundler-webpack/src/getConfig/getConfig.ts b/packages/bundler-webpack/src/getConfig/getConfig.ts
@@ -320,6 +320,17 @@ export default async function getConfig(
         }
       });
 
+  // prettier-ignore
+  webpackConfig.module
+  .rule('avif')
+  .test(/\.(avif)(\?.*)?$/)
+  .use('file-loader')
+    .loader(require.resolve('@umijs/deps/compiled/file-loader'))
+    .options({
+      name: `${staticDir}/[name].[hash:8].[ext]`,
+      esModule: false,
+    });
+
   // prettier-ignore
   webpackConfig.module
     .rule('svg')

diff --git a/types/typings.d.ts b/types/typings.d.ts
@@ -5,3 +5,4 @@ interface Window {
 declare module '@umijs/bundler-webpack/lib/requireHook';
 
 declare module '*.less';
+declare module '*.avif';
Original file line number	Diff line number	Diff line change
Expand Up		@@ -5,3 +5,4 @@ interface Window {
		declare module '@umijs/bundler-webpack/lib/requireHook';

		declare module '*.less';
		declare module '*.avif';