vite: ProvidePlugin 将 styled 放到全局

Vite 配置实现 webpack.ProvidePlugin 功能

配置

• inject
• types

import { defineConfig } from 'vite';
import inject from '@rollup/plugin-inject';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    inject({
      styled: 'styled-components'
    })
  ],
  optimizeDeps: {
    include: ['styled-components']
  },
});

types

我放在 nx-env.d.ts 里

// provide global types
declare const styled: typeof import('styled-components').default;

小结

• 一般项目中不推荐
• 可以使用 nx.$rc 方式来达到此目换