-
路由的路径为
~/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 routerimport 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
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent