feat(service): env variables in html template

Jamie-Yang · Jamie-Yang · commit 5417db9f0d81 · 2022-05-09T23:31:57.000+08:00
diff --git a/.env b/.env
@@ -1 +1 @@
-VUE_APP_TITLE=Vue3 Mobile
+VUE_APP_TITLE=Vue3 Boilerplate
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -4,7 +4,8 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <title>Vue3 boilerplate</title>
+    <link rel="icon" href="<%= PUBLIC_PATH %>favicon.ico" />
+    <title><%= VUE_APP_TITLE %></title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/service/config/base.js b/service/config/base.js
@@ -47,6 +47,12 @@ module.exports = {
     new CaseSensitivePathsPlugin(),
     new HTMLPlugin({
       template: paths.resolve('public/index.html'),
+      templateParameters: {
+        ...resolveClientEnv(
+          { publicPath: isProd ? config.build.publicPath : config.dev.publicPath },
+          true /* raw */
+        ),
+      },
     }),
     new CopyPlugin({
       patterns: [
@@ -65,7 +71,9 @@ module.exports = {
       __VUE_OPTIONS_API__: 'true',
       __VUE_PROD_DEVTOOLS__: 'false',
 
-      ...resolveClientEnv({ publicPath: config.dev.publicPath }),
+      ...resolveClientEnv({
+        publicPath: isProd ? config.build.publicPath : config.dev.publicPath,
+      }),
     }),
   ],
 

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-VUE_APP_TITLE=Vue3 Mobile`
	`1`	`+VUE_APP_TITLE=Vue3 Boilerplate`