2.2.12

Author: indooorsman

changelog.md

@@ -1,7 +1,7 @@
 ## V2.2.12
-- only use cache in watch mode
-- refine inject logic
-- add example of custom inject to tests
+- **[v2]** only use cache in watch mode
+- **[v2]** refine inject logic
+- **[v2]** add example of custom inject to tests
 
 ## V2.2.11
 - replace `process.memoryUsage.rss()` to `process.memoryUsage().rss` to support Nodejs<15.6.0

lib/plugin.js

@@ -1,6 +1,6 @@
 const path = require('path');
 const { createHash } = require('crypto');
-const { readFile, writeFile, unlink } = require('fs/promises');
+const { readFile, writeFile, unlink, appendFile } = require('fs/promises');
 const {
   getLogger,
   buildInjectCode,
@@ -315,15 +315,16 @@ const onEnd = async (build, options, result) => {
     };
 
     const buildJs = async (entryName, entryPath, jsCode) => {
-      const r = (p) => `./${path.relative(absOutdir, p).split(path.sep).join(path.posix.sep)}`;
-      const imports = `import "${r(entryPath)}";`;
-      if ((sourceRoot || publicPath) && sourcemap) {
-        const sp = sourceRoot || publicPath;
-        const fixedSourceRoot = sp.endsWith('/') ? sp : sp + '/';
+      const r = (p) => path.relative(absOutdir, p).split(path.sep).join(path.posix.sep);
+      const imports = `import "./${r(entryPath)}";`;
+      if (sourcemap === 'external') {
+        await appendFile(entryPath, `\n//# sourceMappingURL=${r(entryPath)}.map`, { encoding: 'utf8' });
+      } else if (publicPath && sourcemap) {
+        const fixedPublicPath = publicPath.endsWith('/') ? publicPath : publicPath + '/';
         const entryContent = await readFile(entryPath, { encoding: 'utf8' });
         await writeFile(
           entryPath,
-          entryContent.replace(`sourceMappingURL=${fixedSourceRoot}`, 'sourceMappingURL='),
+          entryContent.replace(`sourceMappingURL=${fixedPublicPath}`, 'sourceMappingURL='),
           { encoding: 'utf8' }
         );
       }

test/test.js

@@ -106,7 +106,7 @@ fse.emptyDirSync('./dist');
     target: ['esnext'],
     bundle: true,
     minify: false,
-    sourcemap: true,
+    sourcemap: 'external',
     publicPath: 'https://my.domain/static/',
     external: ['react', 'react-dom'],
     outdir: './dist/bundle-v2-custom-inject',