自己搭建简单的vue-cli

1、初始化项目，安装webpack和webpack-cli
npm init
cnpm i webpack webpack-cli -D

2、安装本地开发服务器和htmlwebpack插件
cnpm i webpack-dev-server html-webpack=plugin

3、安装vue， vue-loader（内部依赖 vue-template-compiler），vue-router
cnpm i vue vue-router -S
cnpm i vue-loader vue-template-compiler -D

4、项目目录此时为

//webpack.config.js
let hwp = require("html-webpack-plugin")
let vp = require("vue-loader/lib/plugin")
module.exports = {
	plugins:[
		new hwp({
			template:"./index.html"
		}),
		new vp()
	],
	module: {
	    rules: [
	
	        {
	
	          test: /\.vue$/,
	          loader: 'vue-loader'//如果node_modules目录中不存在，那么会取loaders目录中查找
	        }
	    ]

	}
	
}

//main.js
import Vue from "vue"

import App from "./App.vue"

import router from "./router"


new Vue({
  el: '#app',
  router,
  render:x=>x(App)
//components: { App },
//template: '<App/>'


})

//router里的index.js
import Vue from 'vue'
import Router from 'vue-router'

import a from '../components/a.vue'


Vue.use(Router)

export default new Router({
	//	如果是根路由重定向到develop
	routes: [
		{
			path: '/a',
			component:a,
		},
		
	]
})

//最后别忘了在index.html中加id为app的div
//在App.vue中加</router-view>
//在a.vue里加点东西才能看到页面啊