feat: optimizeDeps.link

appveyor.yml

@@ -3,7 +3,7 @@ environment:
 
 install:
   - ps: Install-Product node $env:nodejs_version x64
-  - yarn
+  - yarn --frozen-lockfile
 
 test_script:
   - git --version

playground/App.vue

@@ -24,6 +24,7 @@
   <TestAlias />
   <TestTransform />
   <TestRewriteOptimized />
+  <TestOptimizeLink />
 </template>
 
 <script>
@@ -44,6 +45,7 @@ import TestAlias from './TestAlias.vue'
 import TestTransform from './TestTransform.vue'
 import TestRewriteOptimized from "./rewrite-optimized/TestRewriteOptimized.vue";
 import TestCssAtImport from './css-@import/TestCssAtImport.vue'
+import TestOptimizeLink from './optimize-linked/TestOptimizeLink.vue'
 
 export default {
   data: () => ({
@@ -67,7 +69,8 @@ export default {
     TestAlias,
     TestTransform,
     TestAsync: defineAsyncComponent(() => import('./TestAsync.vue')),
-    TestRewriteOptimized
+    TestRewriteOptimized,
+    TestOptimizeLink
   }
 }
 </script>

playground/optimize-linked/TestOptimizeLink.vue

@@ -0,0 +1,18 @@
+<template>
+  <h2>Optimize Linked Dep</h2>
+  <p class="optimize-linked" :style="{ color: msg === 'ok' ? 'green' : 'red' }">
+    {{ msg }}
+  </p>
+</template>
+
+<script>
+import { bar } from 'optimize-linked'
+
+export default {
+  data() {
+    return {
+      msg: bar() === 'linked-dep' ? 'ok' : 'error'
+    }
+  }
+}
+</script>

playground/optimize-linked/index.js

@@ -0,0 +1,5 @@
+import { foo } from 'linked-dep'
+
+export function bar() {
+  return foo()
+}

playground/optimize-linked/linked-dep/index.js

@@ -0,0 +1,3 @@
+import { foo } from './other.js'
+
+export { foo }

playground/optimize-linked/linked-dep/other.js

@@ -0,0 +1,3 @@
+export function foo() {
+  return 'linked-dep'
+}

playground/optimize-linked/linked-dep/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "linked-dep",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT"
+}

playground/optimize-linked/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "optimize-linked",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "dependencies": {
+    "linked-dep": "link:./linked-dep"
+  }
+}

playground/optimize-linked/yarn.lock

@@ -0,0 +1,7 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"linked-dep@link:./linked-dep":
+  version "0.0.0"
+  uid ""

playground/package.json

@@ -10,6 +10,7 @@
     "moment": "link:../node_modules/moment",
     "normalize.css": "link:../node_modules/normalize.css",
     "resolve-browser-field-test-package": "link:./resolve-browser-field",
-    "rewrite-optimized-test-package": "link:./rewrite-optimized/test-package"
+    "rewrite-optimized-test-package": "link:./rewrite-optimized/test-package",
+    "optimize-linked": "link:./optimize-linked"
   }
 }

playground/vite.config.ts

@@ -11,7 +11,8 @@ const config: UserConfig = {
   serviceWorker: !!process.env.USE_SW,
   plugins: [jsPlugin],
   optimizeDeps: {
-    exclude: ['bootstrap']
+    exclude: ['bootstrap'],
+    link: ['optimize-linked']
   }
 }
 

playground/yarn.lock

@@ -18,6 +18,10 @@
   version "0.0.0"
   uid ""
 
+"optimize-linked@link:./optimize-linked":
+  version "0.0.0"
+  uid ""
+
 "resolve-browser-field-test-package@link:./resolve-browser-field":
   version "0.0.0"
   uid ""

src/client/client.ts

@@ -166,8 +166,10 @@ async function updateModule(
   const mod = hotModulesMap.get(id)
   if (!mod) {
     console.error(
-      `[vite] got js update notification but no client callback was registered. Something is wrong.`
+      `[vite] got js update notification for "${id}" but no client callback ` +
+        `was registered. Something is wrong.`
     )
+    console.error(hotModulesMap)
     return
   }