代码拉取完成,页面将自动刷新
import { crx } from '@crxjs/vite-plugin'
import vue from '@vitejs/plugin-vue'
import { dirname, relative } from 'path'
import AutoImport from 'unplugin-auto-import/vite'
import IconsResolver from 'unplugin-icons/resolver'
import Icons from 'unplugin-icons/vite'
import Components from 'unplugin-vue-components/vite'
import { VueRouterAutoImports } from 'unplugin-vue-router'
import VueRouter from 'unplugin-vue-router/vite'
import { URL, fileURLToPath } from 'url'
import { defineConfig, type Plugin } from 'vite'
// import VueDevTools from 'vite-plugin-vue-devtools'
import { defineViteConfig as define } from './define.config'
import manifest from './manifest.config'
import packageJson from './package.json'
const transformHtmlPlugin = (data) =>
<Plugin>{
name: 'transform-html',
transformIndexHtml: {
order: 'pre',
handler(html) {
return html.replace(/<%=\s*(\w+)\s*%>/gi, (match, p1) => data[p1] || '')
},
},
}
// https://vitejs.dev/config/
export default defineConfig({
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
'~': fileURLToPath(new URL('./src', import.meta.url)),
src: fileURLToPath(new URL('./src', import.meta.url)),
},
},
plugins: [
crx({ manifest }),
VueRouter({
root: '.',
// Add your own custom pages here. Just add it to the array. Example: 'src/welcome/pages'
routesFolder: [
{ src: 'src/pages', path: 'common/' },
{ src: 'src/content-script/iframe/pages', path: 'iframe/' },
{ src: 'src/options/pages', path: 'options/' },
{ src: 'src/popup/pages', path: 'popup/' },
{ src: 'src/setup/pages', path: 'setup/' },
],
dts: 'src/typed-router.d.ts',
extensions: ['.vue'],
}),
vue(),
// VueDevTools(),
AutoImport({
imports: ['vue', VueRouterAutoImports, 'vue/macros', '@vueuse/core'],
dts: 'src/auto-imports.d.ts',
dirs: ['src/composables/'],
}),
// https://github.com/antfu/unplugin-vue-components
Components({
dirs: ['src/components'],
// generate `components.d.ts` for ts support with Volar
dts: 'src/components.d.ts',
resolvers: [
// auto import icons
IconsResolver({
prefix: 'i',
enabledCollections: ['mdi'],
}),
],
}),
// https://github.com/antfu/unplugin-icons
Icons({
autoInstall: true,
compiler: 'vue3',
scale: 1.5,
}),
// rewrite assets to use relative path
{
name: 'assets-rewrite',
order: 'post',
apply: 'build',
transformIndexHtml(html, { path }) {
return html.replace(
/"\/assets\//g,
`"${relative(dirname(path), '/assets')}/`
)
},
},
transformHtmlPlugin({
HTML_TITLE: packageJson.displayName || packageJson.name,
}),
],
define,
build: {
rollupOptions: {
input: {
iframe: 'src/content-script/iframe/index.html',
setup: 'src/setup/index.html',
},
},
},
server: {
port: 8888,
strictPort: true,
hmr: {
port: 8889,
overlay: true,
},
},
optimizeDeps: {
include: ['vue', '@vueuse/core'],
exclude: ['vue-demi'],
},
})
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。