mpvue项目中使用vue-router

mpvue项目只用vue-router

vue项目都是使用vue-router的路由跳转，而小程序中是不能使用vue-router，这时候就需要一些插件要完成在mpvue中使用vue-router.

mpvue-entry

mpvue-entry：集中式页面配置，自动生成各页面的入口文件，优化目录结构，支持新增页面的热更新。

mpvue-router-path

在mpvue中使用vue-router兼容路由写法，npm地址：https://www.npmjs.com/package/mpvue-router-patch添加链接描述

下载这两个插件

$ npm install mpvue-entry -D

$ npm install mpvue-router-patch -S

如果npm下载不下来就用cnpm下载吧。
下载完之后要在webpack.base.conf.js中配置

var path = require('path')
var fs = require('fs')
var utils = require('./utils')
var config = require('../config')
var webpack = require('webpack')
var merge = require('webpack-merge')
var vueLoaderConfig = require('./vue-loader.conf')
var MpvuePlugin = require('webpack-mpvue-asset-plugin')
var glob = require('glob')
var CopyWebpackPlugin = require('copy-webpack-plugin')
var relative = require('relative')
var TransformModulesPlugin = require('webpack-transform-modules-plugin')
function resolve (dir) {
   
  return path.join(__dirname, '..', dir)
}

// function getEntry (rootSrc) {
   
//   var map = {};
//   glob.sync(rootSrc + '/pages/**/main.js')
//   .forEach(file => {
   
//     var key = relative(rootSrc, file).replace('.js', '');
//     map[key] = file;
//   })
//    return map;
// }

// const appEntry = { app: resolve('./src/main.js') }
// const pagesEntry = getEntry(resolve('./src'), 'pages/**/main.js')
// const entry = Object.assign({}, appEntry, pagesEntry)