diff --git a/packages/docusaurus/src/webpack/__tests__/base.test.ts b/packages/docusaurus/src/webpack/__tests__/base.test.ts
index 6f9dd9821f..7d2af48b4b 100644
--- a/packages/docusaurus/src/webpack/__tests__/base.test.ts
+++ b/packages/docusaurus/src/webpack/__tests__/base.test.ts
@@ -82,7 +82,7 @@ describe('base webpack config', () => {
   const props: Props = {
     outDir: '',
     siteDir: path.resolve(__dirname, '__fixtures__', 'base_test_site'),
-    siteConfig: {},
+    siteConfig: {staticDirectories: ['static']},
     baseUrl: '',
     generatedFilesDir: '',
     routesPaths: [''],
diff --git a/packages/docusaurus/src/webpack/base.ts b/packages/docusaurus/src/webpack/base.ts
index afad6bc61c..b59d8c199a 100644
--- a/packages/docusaurus/src/webpack/base.ts
+++ b/packages/docusaurus/src/webpack/base.ts
@@ -17,7 +17,6 @@ import {
   getCustomBabelConfigFilePath,
   getMinimizer,
 } from './utils';
-import {STATIC_DIR_NAME} from '../constants';
 import {loadPluginsThemeAliases} from '../server/themes';
 import {md5Hash} from '@docusaurus/utils';
 
@@ -144,7 +143,9 @@ export function createBaseConfig(
         // Allow resolution of url("/fonts/xyz.ttf") by webpack
         // See https://webpack.js.org/configuration/resolve/#resolveroots
         // See https://github.com/webpack-contrib/css-loader/issues/1256
-        path.join(siteDir, STATIC_DIR_NAME),
+        ...siteConfig.staticDirectories.map((dir) =>
+          path.resolve(siteDir, dir),
+        ),
         siteDir,
         process.cwd(),
       ],