[FEAT]: Add support for Angular Material custom package.json exports

[brandonroberts]

Which scope/s are relevant/related to the feature request?

vite-plugin-angular

Information

Angular Material uses custom sass and style properties in the package.json exports. When using the imports from Angular Material themes with Vite, it throws an error as it cannot resolve them. This can be fixed by adding sass and style to the resolve.conditions in the Vite config.

We can support this out of the box by adding it to the plugin, where the config will get merged into the provided config.

import { defineConfig } from 'vite';
import angular from '@analogjs/vite-plugin-angular';

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  return {
    plugins: [
      angular({
        inlineStylesExtension: 'scss',
      }),
    ],
    resolve: {
      conditions: ['sass', 'style'], // <-- add to vite plugin
      mainFields: ['module'],
    },
  };
});

Reference yharaskrik/analog-nx-15@c76f4d7#diff-28948f0a986cd471c15c0d8c8d3a3ae39a1b7f8b054af7deb4032b01823dd42e

Describe any alternatives/workarounds you're currently using

No response

I would be willing to submit a PR to fix this issue

• Yes
• No

[miluoshi]

Maybe this fix is related? angular/angular-cli@0662a2e