vue脚手架添加按需加载

vueGenerator/package.json

@@ -4,9 +4,9 @@
   "description": "this is a react generator",
   "main": "index.js",
   "scripts": {
-    "start": "webpack --mode development",
-    "build": "webpack --mode production",
-    "server": "webpack-dev-server --mode development --open"
+    "start": "rm -rf dist && webpack --mode development",
+    "build": "rm -rf dist &&  webpack --mode production",
+    "server": "webpack-dev-server --mode production --open"
   },
   "keywords": [
     "vue",

vueGenerator/src/App.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="app">
-    hello world
-    <router-view/>
+    hello world2
+    <router-view />
   </div>
 </template>
 

vueGenerator/src/router/index.js

@@ -1,13 +1,13 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-import HelloWorld from '../components/HelloWorld'
-import About from '../components/About'
-import AboutCompany from '../components/AboutCompany'
+const HelloWorld = () => import('../components/HelloWorld')
+const About = () => import('../components/About')
+const AboutCompany = () => import('../components/AboutCompany')
 
 Vue.use(Router)
 
 export default new Router({
-  mode: 'history',
+  mode: 'hash',
   routes: [{
     path: '/',
     name: 'HelloWorld',

vueGenerator/webpack.config.js

@@ -60,5 +60,10 @@ module.exports = {
     alias: {
       vue: 'vue/dist/vue.js'
     }
+  },
+  output: {
+    filename: `[name].[hash:8].js`,
+    chunkFilename: `[name].[chunkhash:8].js`
   }
+
 }