Merge pull request #2029 from payloadcms/fix/#1997-absolute-imports-css

fix: webpack css-loader resolve urls
2023-02-07 11:47:22 -05:00
parent a828ec7c3c ade4c011d3
commit 0bebb4e7ef
4 changed files with 13 additions and 2 deletions
--- a/src/webpack/getDevConfig.ts
+++ b/src/webpack/getDevConfig.ts
@@ -42,7 +42,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: {
--- a/src/webpack/getProdConfig.ts
+++ b/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: {