Vue-multiselect: Webpack build error using default vue-cli project build tools

[hparton]

vue-cli project

Running the dev server works fine but when i run build:

cross-env NODE_ENV=production webpack --progress --hide-modules

i get this error:

ERROR in build.js from UglifyJs
Unexpected token punc «(», expected punc «:» [./~/vue-multiselect/src/mixins/multiselectMixin.js:19,0]

[shentao]

Hey @HParton!
Please go to node_modules/vue-multiselect/src/mixins/muliselectMixin.js and change the 19 line from:
data () {
to
data: function () {
and let me know if that helps. And any other shorthand if necessary.
If this helps, it would mean that uglify.js has some problems with shorthand method definition.

This is no big deal, so I could fix it soon. :)

[shentao]

@HParton Hey! I refactored the way one can import the component (now a bundled umd module), so none of those errors should happen.

I will try to release it as 0.2.0 today evening.
Additionally, you can now import mixins like import { multiselectMixin } from 'vue-multiselect'.

[hparton]

Hey @shentao, thanks for doing that, sorry i went quiet on the issue. Got distracted and then forgot about it!

I'll give it a test when you release the new version.

[shentao]

@hparton Released!

[hparton]

Working perfectly, no more errors. Thanks @shentao.

[shentao]

I’m glad to hear that @HParton!
Let me know if there are other bugs or ways to improve!