Usage with Vite.js

[kien8995]

How i can use DI-compiler with Vite.js ?

[arm1n]

I've written a simple vite plugin applying the transformers:

const { di } = require('@wessberg/di-compiler');
const typescript = require('rollup-plugin-ts');

module.exports = function (options = {}) {
  return {
    name: 'vite:di',
    enforce: 'pre',
    ...typescript({
      ...options,
      transformers: [di],
      transpileOnly: true,
      exclude: ['**/*.test.ts'],
      tsconfig: (resolvedConfig) => ({ ...resolvedConfig, declaration: false }),
    }),
  };
};

Adjust options and config to your needs and you should be good to go.

[i7N3]

If someone needs a full setup example, here it is.

[Desteel]

I tried to update vite config with

   build: {
      rollupOptions: {
        plugins: [
          typescript({
            transformers: (program) => di({ program }),
          }),
        ],
      },
    },

but it makes nothing in dev mode, so I wrote simple @rollup/plugin-typescript plugin

import typescript from '@rollup/plugin-typescript';
import { di } from '@wessberg/di-compiler';
import type { Plugin } from 'vite';

const wessbergDICompiler = (): Plugin => {
  return {
    ...typescript({
      transformers: (program) => di({ program }),
      tsconfig: './tsconfig.app.json',
    }),
    name: 'vite-plugin-wessberg-di-compiler',
    enforce: 'pre',
  };
};