chore: 更新项目配置和样式以支持TailwindCSS
- 添加TailwindCSS依赖并配置Vite插件 - 修改App.vue中的文本内容 - 清理background.js中的冗余日志 - 更新index.html中的脚本路径以支持本地开发 - 在manifest.json中添加localhost权限和CSP配置
This commit is contained in:
		
							parent
							
								
									67e40dd36d
								
							
						
					
					
						commit
						97d7bc0f4e
					
				| 
						 | 
				
			
			@ -8,6 +8,6 @@
 | 
			
		|||
  </head>
 | 
			
		||||
  <body>
 | 
			
		||||
    <div id="app"></div>
 | 
			
		||||
    <script type="module" src="./src/main.ts"></script>
 | 
			
		||||
    <script type="module" src="http://localhost:5173/src/main.ts" crossorigin></script>
 | 
			
		||||
  </body>
 | 
			
		||||
</html>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,5 +1,3 @@
 | 
			
		|||
console.log('background.js loaded 55555')
 | 
			
		||||
 | 
			
		||||
chrome.webRequest.onBeforeRequest.addListener(
 | 
			
		||||
	(details) => {
 | 
			
		||||
		console.log(
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -10,7 +10,7 @@
 | 
			
		|||
			"run_at": "document_end"
 | 
			
		||||
		}
 | 
			
		||||
	],
 | 
			
		||||
	"host_permissions": ["https://monster-siren.hypergryph.com/*"],
 | 
			
		||||
	"host_permissions": ["https://monster-siren.hypergryph.com/*", "http://localhost:5173/*"],
 | 
			
		||||
	"icons": {
 | 
			
		||||
		"16": "vite.svg",
 | 
			
		||||
		"48": "vite.svg",
 | 
			
		||||
| 
						 | 
				
			
			@ -19,5 +19,9 @@
 | 
			
		|||
	"background": {
 | 
			
		||||
		"service_worker": "background.js"
 | 
			
		||||
	},
 | 
			
		||||
	"permissions": ["tabs", "webRequest"]
 | 
			
		||||
	"permissions": ["tabs", "webRequest"],
 | 
			
		||||
  "content_security_policy": {
 | 
			
		||||
    "extension_pages": "default-src 'self'; script-src 'self' http://localhost:5173; style-src 'self' 'unsafe-inline'; connect-src 'self' ws://localhost:5173;",
 | 
			
		||||
    "sandbox": "sandbox"
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,7 +3,7 @@
 | 
			
		|||
</script>
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
  <div>hello</div>
 | 
			
		||||
  <div>helloaaaa</div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<style scoped>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -0,0 +1 @@
 | 
			
		|||
@import "tailwindcss";
 | 
			
		||||
| 
						 | 
				
			
			@ -1,9 +1,10 @@
 | 
			
		|||
import tailwindcss from '@tailwindcss/vite'
 | 
			
		||||
import vue from '@vitejs/plugin-vue'
 | 
			
		||||
import { defineConfig } from 'vite'
 | 
			
		||||
 | 
			
		||||
// https://vite.dev/config/
 | 
			
		||||
export default defineConfig({
 | 
			
		||||
	plugins: [vue()],
 | 
			
		||||
	plugins: [vue(), tailwindcss()],
 | 
			
		||||
	base: './', // Ensure relative paths work
 | 
			
		||||
	build: {
 | 
			
		||||
		outDir: 'dist',
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue
	
	Block a user