import{ defineConfig }from'vite'import{ createHtmlPlugin }from'vite-plugin-html'exportdefaultdefineConfig({plugins: [createHtmlPlugin({minify:true,pages: [ {entry:'src/main.ts',filename:'index.html',template:'public/index.html',injectOptions: {data: {title:'index',injectScript:`<script src=...
import { createHtmlPlugin } from 'vite-plugin-html' export default ({ mode }) => defineConfig({ // mode 环境变量名,若配置有.env.test,启动时 --mode test,这里的mode就是test plugins: [ createHtmlPlugin({ minify: true, /** * 在这里写entry后,你将不需要在`index.html`内添加 script 标...
import{defineConfig,Plugin}from'vite'importvuefrom'@vitejs/plugin-vue'import{createHtmlPlugin}from'vite-plugin-html'exportdefaultdefineConfig({plugins:[vue(),createHtmlPlugin({minify:true,/** * 在这里写entry后,你将不需要在`index.html`内添加 script 标签,原有标签需要删除 * @default src/main.ts...
yarn add vite-plugin-html -D 或 npm i vite-plugin-html -D 用法 添加EJS 标签index.html,例如 <head><metacharset="UTF-8"/><linkrel="icon"href="/favicon.ico"/><metaname="viewport"content="width=device-width, initial-scale=1.0"/><title><%- title %></title><%- injectScript %> </...
今天在写项目的时候,遇到了一个奇怪的问题,我再html中使用script全局引入了一个js文件,但是在组件中使用window.xxx的时候却报错了,说没有这个方法,在本地几次测试都是好的。 解决报错后相关版本: "@vitejs/plugin-vue-jsx": "^2.0.0", "@vitejs/plugin-vue": "^2.2.0", ...
import { defineConfig } from 'vite'; import simpleHtmlPlugin from 'vite-plugin-simple-html'; export default defineConfig({ plugins: [ simpleHtmlPlugin({ inject: { data: { title: 'My app', script: '<script src="index.js"></script>', }, tags: [ { tag: 'meta', attrs: { name:...
那么通过vite的开发服务器访问你的页面,需要访问localhost:3000/src/pages/demo1.html#/index这样的链接,打包后index.html也会出现在dist/src/pages文件夹...
import{ defineConfig, Plugin }from'vite'importvuefrom'@vitejs/plugin-vue'import{ createHtmlPlugin }from'vite-plugin-html'exportdefaultdefineConfig({ plugins: [ vue(), createHtmlPlugin({ minify:true,/** * After writing entry here, you will not need to add script tags in `index.html`, th...
<script type="module" src="/src/main.ts"></script> </body> </html> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. public文件夹增加文件: - vue、element plus等js文件放在pullic文件下 ...
<%- injectScript %> </head> 在vite.config.ts中配置,该方式可以按需引入需要的功能即可 代码语言:javascript 复制 import { defineConfig, Plugin } from 'vite' import vue from '@vitejs/plugin-vue' import { createHtmlPlugin } from 'vite-plugin-html' ...