Sama seperti ini adalah common.html saya, maka fail HTML lain tidak perlu diimport. . . . .
<meta name="description" content="Dashboard" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Basic Styles-->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link id="bootstrap-rtl-link" href="" rel="stylesheet" />
<link href="assets/css/font-awesome.min.css" rel="stylesheet" />
<link href="assets/css/weather-icons.min.css" rel="stylesheet" />
<!--Fonts-->
<link href="assets/css/fonts-google.css" type="text/css" rel="stylesheet">
<!--Beyond styles-->
<link id="beyond-link" href="assets/css/beyond.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/demo.min.css" rel="stylesheet" />
<link href="assets/css/typicons.min.css" rel="stylesheet" />
<link href="assets/css/animate.min.css" rel="stylesheet" />
<link id="skin-link" href="" rel="stylesheet" type="text/css" />
<!--Page Related styles-->
<link href="assets/css/dataTables.bootstrap.css" rel="stylesheet" />
<!--Skin Script: Place this script in head to load scripts for skins and rtl support-->
<script src="assets/js/skins.min.js"></script>
Anda hanya boleh merujuk fail JS, dan kemudian memuatkan CSS untuk dimuatkan secara dinamik.
Jika tiada penyelesaian hanya menggunakan HTML, anda boleh menggunakan fungsi pewarisan templat dalam enjin templat templat Terdapat banyak perpustakaan dengan fungsi ini Anda boleh cuba menggunakan jed, yang nampaknya telah dinamakan semula sebagai pug.
Templat warisan
Gunakan beberapa rangka kerja untuk aplikasi satu halaman
Apa yang anda mahukan ialah SPA, bingkai yang sama, cuma tukar komponen yang diletakkan dalam bingkai
Ya, ia bergantung pada senario Penyelesaian untuk senario yang berbeza juga sangat berbeza
Berikut adalah contoh mudah untuk rujukan sahaja
Adalah disyorkan untuk menggunakan alat pembungkusan Saya membina perancah tidak lama dahulu dan ia mempunyai fungsi ini. https://github.com/JakeLaoyu/...