安装

yarn add --dev webpack-auto-vuex-store

使用

现在你应该使用@vue/cli了，直接在vue.config.js引入plugin

const WebpackAutoVuexStore = require('webpack-auto-vuex-store')


module.exports = {
    ...,
    configureWebpack: {
        plugins: [
            new WebpackAutoVuexStore({
                path: 'src/stores', // 相对项目根目录的状态目录
                table: 'table',     // 生成的状态表文件名,生成于状态目录下
                modules: 'modules'  // 监听的目录,相对状态目录
            })
        ]
    }
}

有什么作用？

WebpackAutoVuexStore会把指定目录下作为状态目录，进行遍历操作进而生成vuex的modules一个表

例如：

export default {
   'Auth': require('./modules/Auth.js').default,
   'Position': require('./modules/Position.js').default,
   'Site': require('./modules/Site.js').default,
   'Store': require('./modules/Store.js').default,
   'User': require('./modules/User.js').default,
   'www': require('./modules/www.js').default,
   'www/tewt': require('./modules/www/tewt.js').default,
}

麻麻再也不用担心我一个个import模块了