Как мержить конифиги, в которых есть Promise, с помощью webpack-merge?

Question

[Азат Юмагулов]

Здравствуйте!

Есть два webpack конфига: dev и prod. Они мержатся с common конфигом с помощью webpack-merge

Webpack 2

Сокрщаенно:
webpack.dev.js

const webpackMerge = require('webpack-merge'); 
const commonConfig = require('./webpack.common.js');

const config = {
    ...
};

module.exports = function (options) {
    return webpackMerge(commonConfig({env: ENV}), config);
}

Сокрщаенно:
webpack.common.js

const config = {
    ...
};
let pages = new Array();
let promise = new Promise((resolve, reject) => {
    fs.readdir('./src/templates', function (err, files) {
        files
            .filter(function(file) { return file.substr(-4) === '.ejs'; })
            .forEach(function (file) {
                pages.push({
                    name: file.replace('.ejs', '.html'),
                    template: './src/templates/' + file
                });
            });
        resolve(pages);
    });
});

promise.then(result => {

    result.forEach(function (page) {
        config.plugins.push(
            new HtmlWebpackPlugin({
                template: page.template,
                filename: page.name,
                inject: 'body',
                chunksSortMode: 'dependency',
                minify: false
            })
        );
    });

    module.exports = function (options) {
        return config;
    };
});

Собственно понятно, что получаем ошибку TypeError: commonConfig is not a function.
Фишка в том, что даже если не делать мердж, а просто в webpack.dev.js отдавать конфиг после resolve промиса, то вебпак это не воспринимает, говорит нет output.
Может можно как-то заставить ждать webpack или webpack-merge?
Буду очень признателен советам.

Comments

[Виталий]

module.exports в then промиса мне лично кажется ахинеей

[Азат Юмагулов]

Виталий: Очевидно да, ахинея.
Но сценарий такой: читаем список файлов в папке и добавляем в config.plugins HtmlWebpackPlugin для обработки каждого файла. Соответственно если делать просто module.exports, то в config.plugins ничего не добавится.
Тут вообще можно было и не делать промис, а просто в fs.readdir добавлять нужное в конфиг. Но ситуации это не меняет.

[Виталий]

Азат Юмагулов: сделайте через синхронные функции и уйдите от асинха в этой части кода.

[Азат Юмагулов]

Виталий: спасибо за наводку, но боюсь возникнут проблемы с merge, о которых писал вышел

Answer 1

[qtuz]

Только если написать nodejs-скрипт запускающий компилятор webpack, когда промис зарезолвится. Но проще всего сканировать директорию синхронно, например через glob.sync. Делал так не на одном проекте и проблем не возникает.