Es6 + Webpack + Babel cannot make this work

[zambov]

Hi all,

cannot make this work, i have all the time unkjnown provider. Here is my webpack conf:

{
   test: /\.js$/,
   exclude: /(node_modules|bower_components)/,
   loader: 'ng-annotate!babel-loader?presets[]=es2015&presets[]=stage-2&compact=false'
},

Here is my controller:

/* @ngInject / /*

• @author Trilogis developer
• prova
• This is a module generated with trilogis template module scaffolder */

class ProvaController {

constructor($log) {

    $log.debug('Instatiated the ProvaController');
    this.name = "ProvaController";
};

}

export default ProvaController;

But i've tried also:

/*
* @author Trilogis developer
* prova
* 
* This is a module generated with trilogis template module scaffolder
*/

class ProvaController {

    constructor($log) {
'ngInject';

        $log.debug('Instatiated the ProvaController');
        this.name = "ProvaController";
    };
}

export default ProvaController;

Any ideas?

[thinkingmedia]

I don't think ngAnnotate works with classes. You have to use ngInject() to manually inject dependencies.

[zambov]

Thank you for your reply! I've done it manually.

[thinkingmedia]

I switched from the loader to the https://github.com/jeffling/ng-annotate-webpack-plugin as it has better support for ES6 features. Import and export work as an example.