ES6 in distribution

[carpiediem]

🐛 Bug Report

Expected Behaviour

Successful webpack build of our project

Actual Behaviour

SyntaxError: Unexpected token: punc ())

To Reproduce

1. Use clipboard.js in a build process that expects ES5 modules
2. Let your project's package.json select version 2.0.7
3. Build fails

[carpiediem]

This is easy for me to get around (by specifying v2.0.6), but I thought your team should know about the issue.

[vitormalencar]

@carpiediem Thanks a lot for the bug report, I will have a look into it

also, can you share one example of this env, that would be helpful =)

[vitormalencar]

@carpiediem can you share what Webpack/bundle config are you using?

[ding-js]

https://cdn.jsdelivr.net/npm/clipboard@2.0.7/dist/clipboard.js

There are arrow functions on the bundle of v2.0.7. It seems that was caused by upgrading to webpack 5

https://stackoverflow.com/questions/64620341/webpack-generates-arrow-function-in-es5

[vitormalencar]

@ding-js thanks a lot this is what I was looking for, looks like we need to specify the target on the webpack.config, target: ['web', 'es5'] I will create a PR in a bit

[vitormalencar]

So I just took some time today to create a new release, I included the webpack changes I hope it helps to solve the issue, if not I will continue to push more fixes =)

Please let me know if the issue is solved or not