优质服务的网站设计制作重庆关键词优化
GitHub Demo 地址
在线预览
vue3项目打包后部署到github pages 后，预览网站提示下划线开头的一个文件
_plugin-vue_export-helper访问不到，网络请求显示404
处理GitHub Pages 部署 _plugin-vue_export-helper.js 404
https://github.com/rollup/rollup/blob/master/src/utils/sanitizeFileName.ts
解决办法
需要修改配置 vite.config.js，重写打包的方案
// 打包配置const INVALID_CHAR_REGEX = /[\u0000-\u001F"#$&*+,:;<=>?[\]^`{|}\u007F]/g
const DRIVE_LETTER_REGEX = /^[a-z]:/iexport function setupBuild() {return {outDir: 'dist',sourcemap: false,// 消除打包大小超过500kb警告chunkSizeWarningLimit: 2000,rollupOptions: {input: {index: 'index.html'},// 静态资源分类打包output: {chunkFileNames: 'static/js/[name]-[hash].js',entryFileNames: 'static/js/[name]-[hash].js',assetFileNames: 'static/[ext]/[name]-[hash].[ext]',// TODO: 处理GitHub Pages 部署 _plugin-vue_export-helper.js 404// https://github.com/rollup/rollup/blob/master/src/utils/sanitizeFileName.tssanitizeFileName(name: any) {const match = DRIVE_LETTER_REGEX.exec(name)const driveLetter = match ? match[0] : ''// A `:` is only allowed as part of a windows drive letter (ex: C:\foo)// Otherwise, avoid them because they can refer to NTFS alternate data streams.return driveLetter + name.slice(driveLetter.length).replace(INVALID_CHAR_REGEX, '')},manualChunks(id: any) {if (id.includes('node_modules')) {return id.toString().match(/\/node_modules\/(?!.pnpm)(?<moduleName>[^\/]*)\//)?.groups!.moduleName ?? 'vender'}}// manualChunks(id) {// if (id.includes('node_modules')) {// return id.toString().split('node_modules/')[1].split('/')[0].toString()// }// }}}}
}vite.config.ts文件引入
import { setupBuild } from './build/index'export default defineConfig({build: setupBuild(),
});