Как построить несколько точек входа HTML с инъекцией TypeScript и вложенными выходными папками в Vite?Javascript

Форум по Javascript
Ответить Пред. темаСлед. тема
Anonymous
 Как построить несколько точек входа HTML с инъекцией TypeScript и вложенными выходными папками в Vite?

Сообщение Anonymous »

фон
Я мигрирую сложное многостраничное приложение из Webpack, чтобы Vite. Каждый HTML -файл имеет соответствующий скрипт .ts, а файлы живут в вложенных каталогах.

Код: Выделить всё

src/
index.html
index.ts
user/login/index.html
user/login/index.ts
admin/dashboard.html
admin/dashboard.ts
Цель:
  • Автоматически вводить сценарий.

    Код: Выделить всё

    release/
    index.html
    user/login/index.html
    admin/dashboard.html
    scripts/
    index.js
    user/login/index.js
    admin/dashboard.js
    
    Что я пробовал:
    Я использовал Vite-plugin-html и vite-plugin-html-template-mpa со списком определений страниц. Я также определил входные записи с использованием файлов .ts. < /P>
    Однако: < /p>

    Файлы HTML были либо сглажены (например, Dashboard.html вместо admin /dashboard.html) < /li>
    или они не получали Emend at All All All All All All All All All All All All Al All < /li> < /li>
Это мой vite.config.js

Код: Выделить всё

import { defineConfig } from "vite";
import path from "path";
import htmlTemplateMpa from "vite-plugin-html-template-mpa";

const pages = [
"index",
"user/login/index",
"admin/dashboard"
];

export default defineConfig(() => {
const entries = pages.reduce((acc, page) => {
acc[page] = path.resolve(__dirname, `src/${page}.ts`);
return acc;
}, {});

return {
build: {
outDir: "release",
rollupOptions: {
input: entries,
output: {
entryFileNames: "scripts/[name].js",
chunkFileNames: "scripts/chunks/[name].js",
assetFileNames: "assets/[name].[ext]"
}
}
},
plugins: [
htmlTemplateMpa({
pages: pages.map((page) => ({
template: `src/${page}.html`,
entry: `${page}.ts`,
filename: `${page}.html`
})),
minify: true
})
]
};
});
Проблема
  • Файлы HTML вообще не включены в выходной каталог. JS инъецирован. < /Li>
    < /ul>
    Как я могу настроить VITE на: < /strong> < /p>

    Использовать мои файлы .html в качестве Templates < /li>
    Внедрение. Выход


Подробнее здесь: https://stackoverflow.com/questions/797 ... nested-out
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Проект ASPNET с двумя пространствами имен (вложенными папками) не компилируется
    Anonymous » » в форуме C#
    0 Ответы
    16 Просмотры
    Последнее сообщение Anonymous
  • Проект ASPNET с двумя пространствами имен (вложенными папками) не компилируется
    Anonymous » » в форуме C#
    0 Ответы
    10 Просмотры
    Последнее сообщение Anonymous
  • Как решить проблемы с переименованием index.html в vite.index.html в Vite?
    Anonymous » » в форуме Html
    0 Ответы
    59 Просмотры
    Последнее сообщение Anonymous
  • Как решить проблемы с переименованием index.html в vite.index.html в Vite?
    Anonymous » » в форуме Javascript
    0 Ответы
    62 Просмотры
    Последнее сообщение Anonymous
  • TypeScript: Как превратить интерфейс полей с вложенными интерфейсами в объединение типов пересечения?
    Anonymous » » в форуме Html
    0 Ответы
    0 Просмотры
    Последнее сообщение Anonymous

Вернуться в «Javascript»