最近公司有做小程序的需求,因为比较熟悉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</