Build order for HtmlWebpackPlugin module?

[danchristian]

Description

The /dist folder is in .gitignore so therefore empty, the build is then failing in production as CopyWebpackPlugin is looking in /dist for files to copy elsewhere but it errors with:

ERROR in [copy-webpack-plugin] unable to locate '/dist/app.html'

I would expect HtmlWebpackPlugin to build these files first before the CopyWebpackPlugin starts to look for them? Asking in the HtmlWebpackPlugin repo and it seems to possibly point to CopyWebpackPlugin using emit instead of after-compile?

Config

const HtmlWebpackPlugin = require('html-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');

new HtmlWebpackPlugin({
    title: 'App',
    filename: 'app.html',
    template: './src/app.pug',
    inject: 'head',
    chunks: ['app'],
    hash: true
}),

new CopyWebpackPlugin([
    {from: 'dist/app.html',   to: '../Views/Shared/_layout.cshtml'}
])

Environment

Node.js v6.9.4
darwin 16.6.0
npm --version (3.10.10)
npm ls webpack (2.6.1)
npm ls html-webpack-plugin (2.28.0)

[garrensweet]

@danchristian Did you ever find a solution to this? I forked that repository and tried many, many things. I could not, however, get it to wait for the generated file to be completed before attempting the copy, however. I did try the after-compile tip that was suggested, to no avail.

[danchristian]

@garrensweet Unfortunately not. I ended up taking the module out of our build process as it couldn't deliver what we needed.

[seotory]

I'm gat same issue.
any updates?

[michael-ciniawsky]

Duplicate of #15