Webpack Production - gulp-uglify fails

[lukepolo]

For some reason the gulp-uglify fails when trying to import this package :

SyntaxError: Unexpected token punc «,», expected punc «:»',

I've dug through the source code and didn't see anything wrong. (could be my webpack config is bad as well)

[Akryum]

Well, more details of your configuration would be great! :)

[lukepolo]

// ensure we are using the version of Vue that supports templates
    resolve: {
      alias: {
        vue: 'vue/dist/vue.js'
      }
    },
    // use buble loader since it is the default in Elixir
    vue: {
      loaders: {
        js: 'buble-loader'
      }
    },
    module: {
      loaders: [
       {
                test: /\.js$/,
                loader: 'buble', 
               exclude: /node_modules/ 
        },
        {
          test: /\.vue$/,
          loader: 'vue-loader'
        },
        {
          test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
          loader: 'file-loader',
          query: {
            limit: 10000,
            name: '../img/[name].[hash:7].[ext]'
          }
        },
        {
          test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
          loader: 'url-loader',
          query: {
            limit: 10000,
            name: '../fonts/[name].[hash:7].[ext]'
          }
        }
      ]
    }

Seems to work ok with everything else

[Akryum]

Try importing the source index file instead of the dist which is default. Le jeu. 29 déc. 2016 à 17:18, Luke Policinski <notifications@github.com> a écrit :

…

// ensure we are using the version of Vue that supports templates resolve: { alias: { vue: 'vue/dist/vue.js' } }, // use buble loader since it is the default in Elixir vue: { loaders: { js: 'buble-loader' } }, module: { loaders: [ { test: /\.js$/, loader: 'buble', exclude: /node_modules/ }, { test: /\.vue$/, loader: 'vue-loader' }, { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'file-loader', query: { limit: 10000, name: '../img/[name].[hash:7].[ext]' } }, { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', query: { limit: 10000, name: '../fonts/[name].[hash:7].[ext]' } } ] } Seems to work ok with everything else — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#4 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACqyfMWfMlvB_F7Dedq6KeaB33CqwvqRks5rM904gaJpZM4LXp8w> .

[lukepolo]

I did :-( , that was my first go to see if it was just the compiled version , but ends with same results

[Akryum]

And did you try babel instead of bublé? Le jeu. 29 déc. 2016 à 17:26, Luke Policinski <notifications@github.com> a écrit :

…

I did :-( , that was my first go to see if it was just the compiled version , but ends with same results — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#4 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACqyfM-eNuHFoHfdg35xpw6YuAhrHCVEks5rM980gaJpZM4LXp8w> .

[lukepolo]

I have not , will give a go

[Akryum]

I think there are property shortlands going to uglify that it doesn't understand, like in index.js at then end. Le jeu. 29 déc. 2016 à 17:31, Luke Policinski <notifications@github.com> a écrit :

…

I have not , will give a go — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#4 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACqyfOFkBBXrJ1cwQUUZadFwOGta_g7dks5rM-BngaJpZM4LXp8w> .

[lukepolo]

Yah even babel didn't like it

[Akryum]

By the way, try commenting the line with exclude node_modules in the js rule.

[lukepolo]

A bit of a different error when doing that

message: '/home/vagrant/Code/pm/app.js: SyntaxError: Unexpected token: operator (>)',

But assuming not all things should be ran through the babel-loader at that point

[Akryum]

Try importing the dist file explicitly Le jeu. 29 déc. 2016 à 17:39, Luke Policinski <notifications@github.com> a écrit :

…

A bit of a different error when doing that message: '/home/vagrant/Code/pm/app.js: SyntaxError: Unexpected token: operator (>)', But assuming not all things should be ran through the babel-loader at that point — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#4 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACqyfH880a_RY97pADFMfYn6vVQ2spyQks5rM-JOgaJpZM4LXp8w> .

[lukepolo]

import VTooltip from './../../../node_modules/v-tooltip/dist/v-tooltip' Vue.use(VTooltip)

This appears (not a minify issue)
Can\'t resolve \'Tooltip\' i

[Akryum]

Try importing tether, tether-drop, tether-tooltip too. Le jeu. 29 déc. 2016 à 17:56, Luke Policinski <notifications@github.com> a écrit :

…

import VTooltip from './../../../node_modules/v-tooltip/dist/v-tooltip' Vue.use(VTooltip) This appears (not a minify issue) Can\'t resolve \'Tooltip\' i — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#4 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACqyfIwhiuArSQZtjRJ_VAagwA_X6RCIks5rM-YngaJpZM4LXp8w> .

[Akryum]

Could you try with the latest version of v-tooltip please?

[kiwina]

Webpack still trows error with c => whe i import the source
but works with
import VTooltip from 'v-tooltip'
Vue.use(VTooltip)

[Akryum]

Closing since it seems to work with:

import VTooltip from 'v-tooltip'
Vue.use(VTooltip)