Я конвертирую проект из веб-пакета в Vite, и большинство вещей работает нормально, dev-сервер хорош, и сборка прошла успешно.
Однако окончательный пакет содержит импорт в один пакет, который — это абсолютный путь в моей системе к каталогу node_modules. Этот пакет импортируется не моим проектом, а моей зависимостью.
Точнее, это json-schema-merge-allof, который является зависимостью @rjsf/ utils.
Это единственная подобная проблема в пакете размером 5 МБ с сотнями других зависимостей.
Вот файл конфигурации vite . Я пробовал различные варианты, например, установить внешний пакет (в результате чего окончательный пакет будет содержать импорт g8e из "json-schema-merge-allof), используя плагин commonjs, установив оптимизацию deps для rjsf. .
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';
import commonjs from 'vite-plugin-commonjs';
export default defineConfig({
root: path.resolve(__dirname, 'src/frontend'),
envDir: '../../',
build: {
chunkSizeWarningLimit: 10000,
rollupOptions: {
input: {
main: path.resolve(__dirname, 'src/frontend/index.html'),
loading: path.resolve(__dirname, 'src/frontend/indexDownloader.ts'),
login: path.resolve(__dirname, 'src/frontend/login.html'),
},
external: ['../common', '../types', '../generated'],
output: {
entryFileNames: '[name]-bundle.js',
},
},
outDir: path.resolve(__dirname, 'dist/static'),
emptyOutDir: true,
},
server: {
open: '/',
port: 8082,
},
resolve: {
alias: {
'@common': path.resolve(__dirname, 'src/common'),
'@generated': path.resolve(__dirname, 'src/generated'),
'@types': path.resolve(__dirname, 'src/types'),
},
extensions: ['.tsx', '.ts', '.js', '.d.ts'],
},
plugins: [
react(),
commonjs(),
],
css: {
preprocessorOptions: {
scss: {},
},
},
optimizeDeps: {
include: ['@generated/radarimage'], // Pre-bundle the module
},
});
Подробнее здесь: https://stackoverflow.com/questions/793 ... ystem-path
Сборка Vite создает пакет с абсолютным системным путем. ⇐ Javascript
Форум по Javascript
-
Anonymous
1736937877
Anonymous
Я конвертирую проект из веб-пакета в Vite, и большинство вещей работает нормально, dev-сервер хорош, и сборка прошла успешно.
Однако окончательный пакет содержит импорт в один пакет, который — это абсолютный путь в моей системе к каталогу node_modules. Этот пакет импортируется не моим проектом, а моей зависимостью.
Точнее, это json-schema-merge-allof, который является зависимостью @rjsf/ utils.
Это единственная подобная проблема в пакете размером 5 МБ с сотнями других зависимостей.
Вот файл конфигурации vite . Я пробовал различные варианты, например, установить внешний пакет (в результате чего окончательный пакет будет содержать импорт g8e из "json-schema-merge-allof), используя плагин commonjs, установив оптимизацию deps для rjsf. .
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';
import commonjs from 'vite-plugin-commonjs';
export default defineConfig({
root: path.resolve(__dirname, 'src/frontend'),
envDir: '../../',
build: {
chunkSizeWarningLimit: 10000,
rollupOptions: {
input: {
main: path.resolve(__dirname, 'src/frontend/index.html'),
loading: path.resolve(__dirname, 'src/frontend/indexDownloader.ts'),
login: path.resolve(__dirname, 'src/frontend/login.html'),
},
external: ['../common', '../types', '../generated'],
output: {
entryFileNames: '[name]-bundle.js',
},
},
outDir: path.resolve(__dirname, 'dist/static'),
emptyOutDir: true,
},
server: {
open: '/',
port: 8082,
},
resolve: {
alias: {
'@common': path.resolve(__dirname, 'src/common'),
'@generated': path.resolve(__dirname, 'src/generated'),
'@types': path.resolve(__dirname, 'src/types'),
},
extensions: ['.tsx', '.ts', '.js', '.d.ts'],
},
plugins: [
react(),
commonjs(),
],
css: {
preprocessorOptions: {
scss: {},
},
},
optimizeDeps: {
include: ['@generated/radarimage'], // Pre-bundle the module
},
});
Подробнее здесь: [url]https://stackoverflow.com/questions/79357901/vite-build-produces-a-bundle-with-an-absolute-system-path[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия