Keep [hash] included within CopyWebpackPlugin

Currently I’m using copy-webpack-plugin with the following configuration

{
  from: resolve('src/app/app.settings.js'),
  to: resolve(OUTPUT_PATH, 'config/[name].[hash].[ext]'),
  flatten: true,
}

The output would include the [hash] and it would look something like app.settings.3eaa9798d11464fbfd3a9c5d412d6b67.js, but as stayed in the README

Note that since copy-webpack-plugin does not actually copy the files to webpack's output directory until after html-webpack-plugin has completed, it is necessary to use the globPath to retrieve filename matches relative to the original location of any such files.

So I was wondering if there’s a way for me to glob the name like app.settings.*.js so the file can be included in the html including the [hash], if I make the globPath point at the original file, it only keeps the original name.

I appreciate any direction, even if its using a different plugin.

Regards.

[jharris4]

ok, I’m glad that you seem to have found a solution to your problem. I’m closing the issue…

[jharris4]

Ok, I’ve added support for the hash option to be a function to allow for your use case, and published to npm as version 1.0.7.

The README was updated to give an example:

plugins: [
  new CopyWebpackPlugin([
    { from: 'somepath/somejsfile.js', to: 'js/somejsfile.[hash].js' },
    { from: 'somepath/somecssfile.css', to: 'css/somecssfile.[hash].css' }
  ]),
  new HtmlWebpackPlugin(),
  new HtmlWebpackIncludeAssetsPlugin({
    assets: [{ path: 'js', glob: '*.js', globPath: 'somepath' }],
    assets: [{ path: 'css', glob: '*.css', globPath: 'somepath' }],
    append: false,
    hash: function(assetName, hash) {
      assetName = assetName.replace(/\.js$/, '.' + hash + '.js');
      assetName = assetName.replace(/\.css$/, '.' + hash + '.css');
      return assetName;
    }
  })
]

and a unit test was added to show that it works:

https://github.com/jharris4/html-webpack-include-assets-plugin/blob/master/spec/index.spec.js#L1352

Please let me know whether this works for you so I can close this issue! 😉