-
路由的路径为
~/routes
,在webpack的alias别称中添加了~
来代替src
,~/routes
即是src
下的routes
文件夹。 -
同理
~/store/modules
即为src/store/modules
文件夹。
使用方法
import store from '~/store'
import router from '~/routes'
import autoRouteStore from './index'
const routerContext = require.context('~/routes/modules', true, /\.js$/)
const storeContext = require.context('~/store/modules', true, /\.js$/)
Vue.use(autoRouteStore, {
router,
routerContext,
storeContext,
store
})
注意事项
因webpack在dev下的缓存配置问题,当删除目录下的文件夹时,需要npm run dev
重新启动项目来更新缓存
|__src
|__routes
|__modules
|__demo1-router.js
|__demo2-router.js
|__index.js
|__store
|__modules
|__demo1-store.js
|__demo2-store.js
|__global.js
|__index.js
import Vue from 'vue' // 引入vue
import VueRouter from 'vue-router' // 引入vue-router
const router = new VueRouter({
routes: []
})
Vue.use(VueRouter)
export default router
import Vue from 'vue'
import Vuex from 'vuex'
import global from '~/store/global'
Vue.use(Vuex)
const store = new Vuex.Store({
modules: {
global
}
})
export default store