Merge pull request #234 from dev-five-git/fix-sourcemap-issue

Fix sourcemap issue

Author: owjs3901

.changeset/ninety-kings-boil.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/webpack-plugin": patch
+---
+
+Fix sourcemap issue

packages/webpack-plugin/src/__tests__/loader.test.ts

@@ -37,7 +37,7 @@ describe('devupUILoader', () => {
       code: 'code',
       css: 'css',
       free: vi.fn(),
-      map: undefined,
+      map: '{}',
     })
     devupUILoader.bind(t as any)(Buffer.from('code'), 'index.tsx')
 
@@ -49,7 +49,7 @@ describe('devupUILoader', () => {
       'cssFile',
     )
     await vi.waitFor(() => {
-      expect(t.async()).toHaveBeenCalledWith(null, 'code', undefined)
+      expect(t.async()).toHaveBeenCalledWith(null, 'code', {})
     })
     expect(writeFile).toHaveBeenCalledWith('cssFile', '/* index.tsx 0 */')
     expect(writeFile).toHaveBeenCalledWith('sheetFile', 'sheet')
@@ -84,7 +84,7 @@ describe('devupUILoader', () => {
       'package',
       'cssFile',
     )
-    expect(t.async()).toHaveBeenCalledWith(null, 'code', undefined)
+    expect(t.async()).toHaveBeenCalledWith(null, 'code', null)
     expect(writeFile).not.toHaveBeenCalledWith('cssFile', 'css', {
       encoding: 'utf-8',
     })

packages/webpack-plugin/src/loader.ts

@@ -31,6 +31,7 @@ const devupUILoader: RawLoaderDefinitionFunction<DevupUILoaderOptions> =
         libPackage,
         relative(dirname(this.resourcePath), cssFile).replaceAll('\\', '/'),
       )
+      const sourceMap = map ? JSON.parse(map) : null
       if (css && watch) {
         const content = `${this.resourcePath} ${Date.now()}`
         if (this._compiler) (this._compiler as any).__DEVUP_CACHE = content
@@ -41,10 +42,10 @@ const devupUILoader: RawLoaderDefinitionFunction<DevupUILoaderOptions> =
           writeFile(classMapFile, exportClassMap()),
         ])
           .catch(console.error)
-          .finally(() => callback(null, code, map))
+          .finally(() => callback(null, code, sourceMap))
         return
       }
-      callback(null, code, map)
+      callback(null, code, sourceMap)
     } catch (error) {
       callback(error as Error)
     }