chore(misc): add tsconfig/jsconfig path alias support

nrwl · Feb 19, 2025 · 33b5c7d · 33b5c7d
1 parent bd69e35
commit 33b5c7d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 6 deletions.
diff --git a/e2e/nx-init/src/nx-init-react.test.ts b/e2e/nx-init/src/nx-init-react.test.ts
@@ -52,8 +52,8 @@ describe('nx init (for React - legacy)', () => {
     expect(packageJson.dependencies['redux']).toBeDefined();
     expect(packageJson.name).toEqual(appName);
 
-    const viteConfig = readFile(`vite.config.js`);
-    expect(viteConfig).toContain('port: 4200'); // default port
+    const viteConfig = readFile(`vite.config.mjs`);
+    expect(viteConfig).toContain('port: 3000'); // default port
 
     runCLI(`build ${appName}`);
     checkFilesExist(`dist/${appName}/index.html`);

diff --git a/packages/nx/src/command-line/init/implementation/react/index.ts b/packages/nx/src/command-line/init/implementation/react/index.ts
@@ -67,6 +67,7 @@ function installDependencies(options: NormalizedOptions) {
     'web-vitals',
     'jest-watch-typeahead',
     'vite',
+    'vite-tsconfig-paths',
     'vitest',
   ];
 

diff --git a/packages/nx/src/command-line/init/implementation/react/write-vite-config.ts b/packages/nx/src/command-line/init/implementation/react/write-vite-config.ts
@@ -5,7 +5,7 @@ export function writeViteConfig(
   isStandalone: boolean,
   isJs: boolean
 ) {
-  let port = 4200;
+  let port = 3000;
 
   // Use PORT from .env file if it exists in project.
   if (existsSync(`../.env`)) {
@@ -18,10 +18,11 @@ export function writeViteConfig(
   }
 
   writeFileSync(
-    isStandalone ? 'vite.config.js' : `apps/${appName}/vite.config.js`,
+    isStandalone ? 'vite.config.mjs' : `apps/${appName}/vite.config.mjs`,
     `import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
-import { default as replace } from '@rollup/plugin-replace';
+import replace from '@rollup/plugin-replace';
+import tsconfigPaths from 'vite-tsconfig-paths';
 
 // Match CRA's environment variables.
 // TODO: Replace these with VITE_ prefixed environment variables, and using import.meta.env.VITE_* instead of process.env.REACT_APP_*.
@@ -50,7 +51,11 @@ export default defineConfig({
     setupFiles: 'src/setupTests.${isJs ? 'js' : 'ts'}',
     css: true,
   },
-  plugins: [react(), replace({ values: craEnvVars, preventAssignment: true })],
+  plugins: [
+    react(),
+    replace({ values: craEnvVars, preventAssignment: true }),
+    tsconfigPaths(),
+  ],
 });
 `
   );