fix: webpack css-loader resolve urls

src/webpack/getDevConfig.ts

@@ -39,7 +39,12 @@ export default (payloadConfig: SanitizedConfig): Configuration => {
     sideEffects: true,
     use: [
       require.resolve('style-loader'),
-      require.resolve('css-loader'),
+      {
+        loader: require.resolve('css-loader'),
+        options: {
+          url: (url) => (!url.startsWith('/')),
+        },
+      },
       {
         loader: require.resolve('postcss-loader'),
         options: {

src/webpack/getProdConfig.ts

@@ -48,7 +48,12 @@ export default (payloadConfig: SanitizedConfig): Configuration => {
     sideEffects: true,
     use: [
       MiniCSSExtractPlugin.loader,
-      require.resolve('css-loader'),
+      {
+        loader: require.resolve('css-loader'),
+        options: {
+          url: (url) => (!url.startsWith('/')),
+        },
+      },
       {
         loader: require.resolve('postcss-loader'),
         options: {

test/admin/styles.scss

@@ -1,5 +1,6 @@
 .nav__controls {
     font-family: monospace;
+    background-image: url('/placeholder.png');
 }
 .nav__controls:before {
     content: 'custom-css';