Production build failing: error from UglifyJs about vuepack HOT 7 CLOSED

Can you provide more details on how you change the code, or a repo.

npm i -S jquery and import $ from 'jquery' just works for me.

from vuepack.

Sorry, my bad, i had not fresh source.

What is creating this issue is module googlemaps-js-rich-marker. It is enough that this module is installed (don't have to be imported) for this issue to arise: npm i -S googlemaps-js-rich-marker

So now it is maybe not vuepack's failure. Could you guide me how to solve this? I am new to whole webpack/bundling/etc.

Thanks.

from vuepack.

Ok, seems googlemaps-js-rich-marker needs to be compiled to es5

It failed because that package is written in ES6 and uglifyjs doesn't understand ES6 syntax, and we do not compile files in node_modules folder by default.

Why it failed even if you didn't import googlemaps-js-rich-marker

Since vuepack splits all dependencies specified in package.json into a single vendor.xxx.js, googlemaps-js-rich-marker will always be compiled by webpack and bundled into vendor.xxx.js

How to fix

You should make babel-loader compile it to ES5. Checkout webpack.base.js.

By default it excludes node_modules and does not handle .es6 extension which that module uses, so the fix for you will be:

{
    test: /\.(js|es6)$/,
    loaders: ['babel'],
    // compile your app directory and some modules
    include: [/client/, /node_modules\/googlemaps-js-rich-marker/]
}

from vuepack.

Thank you for detailed explanation, now I understand.
For the loaders part, wouldn't this be sufficient? Does it have any disadvantages?

{
  test: /\.js$/,
  loaders: ['babel'],
  exclude: [/node_modules/]
},
{
  test: /\.es6$/,
  loaders: ['babel']
}

from vuepack.

Maybe yours is better. .es6 should always be compiled to ES5

from vuepack.

Great, don't you think this could be part od vuepack by default?

from vuepack.

Updated 👏

from vuepack.