Các bước tạo một file HTML duy nhất (single HTML file)

1 phút đọc

Web tạo bởi AI thường chạy bằng vite. Để tạo một file HTML duy nhất (single HTML file) từ mã nguồn trong Git (dùng TypeScript và Vite), bạn có thể làm theo các bước sau 👇

1. Tải git về.
2. Tải thư mục cần đóng gói về
3. Chuột phải vào thư mục đã giải nén để mở Git Bash. Sau đó thực hiện như sau:
   • Cài Vite vào dự án:
     bash
     npm install vite --save-dev
   • Kiểm tra lại:
     bash
     npx vite --version
   • Cài plugin:
     bash
     npm install vite-plugin-singlefile@latest --save-dev
   • Sửa lại vite.config.ts trong thư mục gốc (xóa hết đi rồi dán đè lên)
     Nếu dự án của bạn có thêm react, tailwindcss, hoặc các plugin khác, bạn cần giữ chúng song song với viteSingleFile. Ví dụ:
     
     import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'
import { viteSingleFile } from 'vite-plugin-singlefile'
export default defineConfig({ plugins: [react(), tailwindcss(), viteSingleFile()], })
   • Xóa thư mục dist/ và build lại:
     bash
     rm -rf dist
npm run build

Done. Mở dist/index.html để kiểm tra. Nếu plugin hoạt động đúng, toàn bộ JS/CSS sẽ được inline vào file này.

Bài liên quan

PC

qBittorrent — client torrent nhẹ, không quảng cáo

13/07/2026

PC

CrystalDiskInfo — theo dõi sức khỏe ổ SSD/HDD

13/07/2026

PC

lazygit — Git TUI thao tác nhanh

13/07/2026

PC

WezTerm — GPU terminal đa nền tảng

13/07/2026