feat(插件): 新增插件页面标题自动读取用户工程package.json的name

longshihui · longshihui · commit 00343d35d293 · 2018-11-07T17:41:21.000+08:00
diff --git a/lib/vue-cli-plugin.js b/lib/vue-cli-plugin.js
@@ -1,5 +1,6 @@
 /* eslint-disable*/
 const path = require('path');
+const fs = require('fs');
 const createPluginData = require('./createPluginData');
 const PLUGIN_NAME = 'vue-cli-plugin-navigator';
 /**
@@ -18,9 +19,21 @@ module.exports = (api, projectOptions) => {
         typeof pagesConfig === 'object' &&
         Object.keys(pagesConfig).length
     ) {
+        function readPackageConfig() {
+            let packageConfig = fs.readFileSync(api.resolve('package.json'), {
+                encoding: 'utf-8'
+            });
+            if (packageConfig) {
+                packageConfig = JSON.parse(packageConfig);
+            } else {
+                packageConfig = {};
+            }
+            return packageConfig;
+        }
         const resolve = path =>
             api.resolve(require('path').posix.join(PLUGIN_DIR, path));
         const navigatorData = createPluginData(projectOptions);
+        const packageConfig = readPackageConfig();
 
         api.chainWebpack(config => {
             // add navigator entry
@@ -38,7 +51,8 @@ module.exports = (api, projectOptions) => {
                     },
                     filename: `${PLUGIN_NAME}.html`,
                     favicon: resolve('./public/favicon.ico'),
-                    title: 'welcome to navigator center',
+                    title: `welcome to ${packageConfig.name ||
+                        'navigator center'}`,
                     template: resolve('./public/index.html'),
                     chunks: [PLUGIN_NAME]
                 }
diff --git a/public/index.html b/public/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-    <title>vue-cli-plugin-navigator</title>
+    <title><%= htmlWebpackPlugin.options.title %></title>
   </head>
   <body>
     <noscript>
