feat: support build

IndexXuan · IndexXuan · commit 5ec5a98c5740 · 2021-04-08T13:46:01.000+08:00
diff --git a/README.md b/README.md
@@ -174,6 +174,9 @@ yarn vite // or npm run vite
         - ✅ also resolved from `vue.config.js#runtimeCompiler`
 - ✅ MPA Support
     - ✅ same development experience and build result
+- ✅ Build Support (as of 1.0.0-rc.0, no real html entry file generated, just reuse public/index.html of vue-cli)
+    - ✅ Support SPA Build
+    - ✅ Support MPA Build
 - ✅ Special Synatax
     - ❌ require('xxx') or require('xxx').default, most of the case, it can be replaced by dynamicImport ( import('xxx') or import('xxx').then(module => module.default) )
     - ❌ '~some-module' syntax for Import CSS (maybe [#2185](https://github.com/vitejs/vite/issues/2185#issuecomment-784637827))
diff --git a/config/index.ts b/config/index.ts
@@ -16,7 +16,9 @@ let vueConfig: VueCliOptions = {}
 try {
   vueConfig = require(resolve('vue.config.js')) || {}
 } catch (e) {
-  console.error(chalk.redBright(e))
+  if (process.env.VITE_DEBUG) {
+    console.error(chalk.redBright(e))
+  }
   /**/
 }
 
@@ -36,7 +38,8 @@ const useMPA = Boolean(vueConfig.pages)
 export default defineConfig({
   plugins: [
     envCompatible(),
-    htmlTemplate({ mpa: useMPA }),
+    // auto infer pages
+    htmlTemplate({ pages: vueConfig.pages || {} }),
     vueCli(),
     createVuePlugin(viteOptions.vitePluginVue2Options),
     useMPA
diff --git a/examples/my-mpa-ts-app/package.json b/examples/my-mpa-ts-app/package.json
@@ -30,7 +30,7 @@
     "lint-staged": "^9.5.0",
     "prettier": "^1.19.1",
     "typescript": "~3.9.3",
-    "vue-cli-plugin-vite": "0.3.0",
+    "vue-cli-plugin-vite": "1.0.0-rc.0",
     "vue-template-compiler": "^2.6.11"
   },
   "eslintConfig": {
diff --git a/examples/my-mpa-ts-app/src/pages/index/main.html b/examples/my-mpa-ts-app/src/pages/index/main.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %>template</title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
diff --git a/examples/my-mpa-ts-app/vue.config.js b/examples/my-mpa-ts-app/vue.config.js
@@ -4,6 +4,11 @@ module.exports = {
     disableHostCheck: true,
   },
   pages: {
-    index: 'src/pages/index/main.ts',
+    index: {
+      entry: 'src/pages/index/main.ts',
+      title: '首页',
+      template: './src/pages/index/main.html',
+    },
+    subpage: 'src/pages/subpage/main.ts',
   },
 }
diff --git a/examples/my-spa-js-app/package.json b/examples/my-spa-js-app/package.json
@@ -20,7 +20,7 @@
     "babel-eslint": "^10.1.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
-    "vue-cli-plugin-vite": "0.3.0",
+    "vue-cli-plugin-vite": "1.0.0-rc.0",
     "vue-template-compiler": "^2.6.11"
   },
   "eslintConfig": {
diff --git a/package.json b/package.json
@@ -11,8 +11,7 @@
     "build": "echo build success",
     "test:spa-js": "cd ./examples/my-spa-js-app && npm i && yarn vite:build && yarn build",
     "test:mpa-ts": "cd ./examples/my-mpa-ts-app && npm i && yarn vite:build && yarn build",
-    "test:unit": "npm run test:spa-js & npm run test:mpa-ts",
-    "test": "echo missing test",
+    "test": "npm run test:spa-js & npm run test:mpa-ts",
     "toc": "npx markdown-toc -i --bullets=- README.md",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s"
   },
@@ -32,7 +31,7 @@
     "chalk": "4.1.0",
     "vite": "2.1.5",
     "vite-plugin-env-compatible": "0.2.1",
-    "vite-plugin-html-template": "0.1.0",
+    "vite-plugin-html-template": "0.2.0",
     "vite-plugin-mpa": "0.3.1",
     "vite-plugin-vue-cli": "0.7.1",
     "vite-plugin-vue2": "1.4.3"
