@@ -27,43 +27,54 @@ export default defineConfig({
2727 ViteEjsPlugin ({
2828 domain: " example.com" ,
2929 title: " My vue project!"
30- })
30+ }),
31+
32+ // Or With Vite Config
33+ ViteEjsPlugin ((viteConfig ) => {
34+ // viteConfig is the current viteResolved config.
35+ return {
36+ domain: " example.com" ,
37+ title: " My vue project!"
38+ }
39+ }),
3140 ],
3241});
3342```
3443
3544File: ** index.html**
45+
3646``` ejs
3747<!DOCTYPE html>
3848<html lang="en">
3949<head>
40- <meta charset="UTF-8" />
41- <link rel="icon" href="/favicon.ico" />
42- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
43- <title><%=domain%> | <%=title%></title>
44-
45- <!-- Run Conditions-->
46- <% if(isDev){ %>
47- <script src="/path/to/development-only-script.js"></script>
48- <% } else { %>
49- <script src="/path/to/production-only-script.js" crossorigin="anonymous"></script>
50- <% } %>
50+ <meta charset="UTF-8"/>
51+ <link rel="icon" href="/favicon.ico"/>
52+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
53+ <title><%= domain %> | <%= title %></title>
54+
55+ <!-- Run Conditions-->
56+ <% if(isDev){ %>
57+ <script src="/path/to/development-only-script.js"></script>
58+ <% } else { %>
59+ <script src="/path/to/production-only-script.js" crossorigin="anonymous"></script>
60+ <% } %>
5161</head>
5262<body>
53- <div id="app"></div>
54- <script type="module" src="/src/main.ts"></script>
63+ <div id="app"></div>
64+ <script type="module" src="/src/main.ts"></script>
5565</body>
5666</html>
5767```
5868
5969Note: ` isDev ` is included in your data by default
6070
61-
6271### Default data
72+
6373The object below is the default data of the render function.
74+
6475``` javascript
65- {
66- NODE_ENV : process . env . NODE_ENV ,
67- isDev: process . env . NODE_ENV === " development"
76+ return {
77+ NODE_ENV : config . mode ,
78+ isDev: config . mode === " development"
6879}
6980```
0 commit comments