js import和exports

Question

,
目的: 想要引入并导出ComAddItem下所有子目录下的index.vue文件。
目前：下面

Answer 1

如果是用的 webpack的话，可以用这个context-module-api

Answer 2

抛转引玉，使用nodejs相关能力以及webpack配置可以简单优雅的解决这个问题

// 筛选所有符合要求的入口文件
const path = require("path");
const fs = require("fs");

function dealPluginFileForPaths(publicPluginPath) {
    let fileArr = [];
    let existPath = fs.existsSync(publicPluginPath); //是否存在目录
    if (existPath) {
        let readdirSync = fs.readdirSync(publicPluginPath); //获取目录下所有文件

        readdirSync.map(item => {
            let currentPath = publicPluginPath + "/" + item;
            let isDirector = fs.statSync(currentPath).isDirectory(); //判断是不是一个文件夹

            if (isDirector) {
                // 这里默认目录中都是入口文件
                fileArr.push({
                    key: item
                });
            }
        });

        return fileArr;
    }
}

// webpack中
new webpack.DefinePlugin({
    "process.env.ALL_XXX": JSON.stringify(
         dealPluginFileForPaths(
             path.resolve(__dirname, "./src/ComAddItem")
         )
    )
})

之后不管是vue还是react,动态import即可，视情况是否加入热更新流程