使用webpack进行多步装配

Question

任务：

1. 将所有哈巴狗文件（blocks / * .pug）合并为一个（blocks.pug）

2. 编译包含blocks.pug

的index.pug

一切正常，但有问题。 程序集速度非常快，没有时间读取创建的blocks.pug文件：

模块构建失败：错误：ENOENT：没有这样的文件或目录，打开blocks.pug

所以，我必须再次运行程序集以避免此错误，并获得正确的index.html

有没有办法一次性完成所有这些步骤？

我的webpack.config.js

const ExtractTextPlugin = require('extract-text-webpack-plugin'),
      HtmlWebpackPlugin = require('html-webpack-plugin');
let extractPug = new ExtractTextPlugin({filename: '../src/blocks/blocks.pug', allChunks: true});

module.exports = {
    ...
    module: {
        rules: [{
            enforce: 'pre',
            test: /\.pug$/,
            exclude: /\/blocks\/index.pug$/,
            loader: extractPug.extract('raw')
        }, {
            test: /\.pug$/,
            include: /\/blocks\/index.pug$/,
            loader: 'html!pug-html?pretty'
        },
        ...
        ]
    },

    plugins: [
        extractPug,
        new HtmlWebpackPlugin({
            filename: 'index.html',
            template: './blocks/index.pug',
            inject: 'body'
        })
    ]
};

对不起，如果我写了一些不清楚的东西，我的英语不够好。