基于mpvue创建小程序之mpvue-entry掘坑记

最近公司有做小程序的需求，因为比较熟悉Vue,所以选了美团的mpvue框架

具体情况可以看看官方文档 mpvue

mpvue的坑：

1.mpvue新增页面或者模块的时候必须重新npm run dev才可以进行更新，不支持热更新
2.mpvue所有页面模块.vue文件都需要写main.js，重复工作

于是机智的我找到了mpvue-entry这个插件来解决这个重复书写的问题，之前看到创建项目的命令都是

vue init mpvue/mpvue-quickstart my-project
cd my-project
npm install
npm run dev

安装插件：npm install mpvue-entry mpvue-router-patch --save-dev
此方法安装的mpvue-entry插件版本过高导致与现有的mpvue冲突

谁曾想这个又是一个坑
特别提醒：该插件的版本请使用0.xx的版本，1.xx的版本与目前的mpvue有冲突

解决办法

  npm install -g vue-cli
  vue init F-loat/mpvue-quickstart my-project
  cd my-project
  npm install
  npm run dev

或使用此命令安装依赖

npm i mpvue-entry@next -D

如此，便可以解决插件版本冲突问题，不用每次创建.vue文件都添加main.js文件。
参考F-loat/mpvue-quickstart官方提示文档 https://github.com/F-loat/mpvue-entry

配置

使用scss语法

npm install node-sass sass-loader --save-dev

src/main.js配置

import Vue from 'vue'
import MpvueRouterPatch from 'mpvue-router-patch'
import App from '@/App'
import store from '@/store'

Vue.use(