Такая история. Сделал мини либу на vite. Сбилдил. Импортнул компонент из либы в проект себе. Ошибок нет вроде и компонент работает, но вот стили отсутствуют. Причем если локально либу запустить и отрендерить компонент - все ок. В чем может быть проблема, куда копать?
import react from '@vitejs/plugin-react';
import path from 'path';
import { defineConfig } from 'vite';
import svgr from 'vite-plugin-svgr';
// https://vite.dev/config/
export default defineConfig({
plugins: [
react(),
svgr({
svgrOptions: { exportType: 'named', ref: true },
include: '**/*.svg',
}),
],
build: {
lib: {
entry: path.resolve(__dirname, 'src/index.ts'), // or 'src/index.js'
name: 'UI kit', // The name of your library
formats: ['es', 'cjs'], // Build formats
fileName: (format) => `ui.${format}.js`, // Output file names
},
rollupOptions: {
// make sure to externalize deps that shouldn't be bundled
// into your library
external: ['react', 'react-dom'],
output: {
// Provide global variables to use in the UMD build
// for externalized deps
globals: {
react: 'React',
'react-dom': 'ReactDOM',
},
},
},
sourcemap: true, // Generate source maps for debugging
minify: true, // Minify the output
},
resolve: {
alias: {
'@': path.resolve(__dirname, './src'), // Add alias for easy access
},
},
});
