test: add deep include test

playground/ssr-deps/__tests__/ssr-deps.spec.ts

@@ -119,6 +119,13 @@ test('import css library', async () => {
  expect(await page.textContent('.module-condition')).toMatch('[success]')
 })
 
+test('optimize-deps-nested-include', async () => {
+ await page.goto(url)
+ expect(await page.textContent('.optimize-deps-nested-include')).toMatch(
+ 'nested-include',
+ )
+})
+
 describe.runIf(isServe)('hmr', () => {
  test('handle isomorphic module updates', async () => {
  await page.goto(url)

playground/ssr-deps/nested-exclude/index.js

@@ -0,0 +1,3 @@
+export { default as nestedInclude } from '@vitejs/test-nested-include'
+
+export default 'nested-exclude'

playground/ssr-deps/nested-exclude/package.json

@@ -0,0 +1,10 @@
+{
+ "name": "@vitejs/test-nested-exclude",
+ "private": true,
+ "version": "1.0.0",
+ "type": "module",
+ "main": "index.js",
+ "dependencies": {
+ "@vitejs/test-nested-include": "file:../nested-include"
+ }
+}

playground/ssr-deps/nested-include/index.js

@@ -0,0 +1,2 @@
+// written in cjs, optimization should convert this to esm
+module.exports = 'nested-include'

playground/ssr-deps/nested-include/package.json

@@ -0,0 +1,6 @@
+{
+ "name": "@vitejs/test-nested-include",
+ "private": true,
+ "version": "1.0.0",
+ "main": "index.js"
+}

playground/ssr-deps/package.json

@@ -26,6 +26,7 @@
  "@vitejs/test-non-optimized-with-nested-external": "workspace:*",
  "@vitejs/test-optimized-with-nested-external": "file:./optimized-with-nested-external",
  "@vitejs/test-optimized-cjs-with-nested-external": "file:./optimized-with-nested-external",
+ "@vitejs/test-nested-exclude": "file:./nested-exclude",
  "@vitejs/test-external-using-external-entry": "file:./external-using-external-entry",
  "@vitejs/test-external-entry": "file:./external-entry",
  "@vitejs/test-linked-no-external": "link:./linked-no-external",

playground/ssr-deps/server.js

@@ -42,13 +42,20 @@ export async function createServer(root = process.cwd(), hmrPort) {
  },
  appType: 'custom',
  ssr: {
- noExternal,
+ noExternal: [
+ ...noExternal,
+ '@vitejs/test-nested-exclude',
+ '@vitejs/test-nested-include',
+ ],
  external: [
  '@vitejs/test-nested-external',
  '@vitejs/test-external-entry/entry',
  ],
  optimizeDeps: {
- include: noExternal,
+ include: [
+ ...noExternal,
+ '@vitejs/test-nested-exclude > @vitejs/test-nested-include',
+ ],
  },
  },
  plugins: [

playground/ssr-deps/src/app.js

@@ -23,6 +23,7 @@ import '@vitejs/test-non-optimized-with-nested-external'
 
 import * as optimizedWithNestedExternal from '@vitejs/test-optimized-with-nested-external'
 import * as optimizedCjsWithNestedExternal from '@vitejs/test-optimized-cjs-with-nested-external'
+import * as optimizeDepsNestedInclude from '@vitejs/test-nested-exclude'
 
 import { setMessage } from '@vitejs/test-external-entry/entry'
 setMessage('Hello World!')
@@ -94,5 +95,7 @@ export async function render(url, rootDir) {
 
  html += `\n<p class="isomorphic-module-browser"></p>`
 
+ html += `\n<p class="optimize-deps-nested-include">message from optimize-deps-nested-include: ${optimizeDepsNestedInclude.nestedInclude}</p>`
+
  return html + '\n'
 }