[Enhancement Request] Angular compiler settings

Hi Jeffrey,

In its current state, it’s not possible to run laravel mix for Angular in production mode without breaking the Angular. I do understand that Laravel is preferring Vue over Angular, but given the market share for Angular, I’d like to request to add ng-angular-annotations into the package as well.

I’ve tried to use the ng-angular-loader and add it to the config with webpackConfig but for some reason the loader doesn’t properly annotate.

The only solution that I found is to use the ng-annotate-webpack-plugin. Unfortunately, I have to use a custom webpack.config.js to add this package, as I couldn’t include the package via the merge command.

Here’s the current custom code that I’m adding:

let ngAnnotatePlugin = require('ng-annotate-webpack-plugin');

module.exports = {
    plugins: [
        new ngAnnotatePlugin({
            add: true
        })
    ]
};

Sorry if I overlooked an easier solution. I’m still fairly new to webpack2 - and thank you for your time!

[oli-laban]

My solution to this was to use babel-loader

mix.webpackConfig({
    module: {
	rules: [
	    {
		test: /\.js$/,
	        loader: ['babel-loader']
	    }
        ]
    }
});

with babel-plugin-angularjs-annotate

{
    "presets": [
        "es2015"
    ],
    "plugins": [
        "angularjs-annotate"
    ]
}

uglifyjs-webpack-plugin causes ng-annotate-webpack-plugin to break and ng-annotate-loader won’t work if you use arrow functions, but the babel way works great for me.

[mateop]

ngAnnotate works fine for me like this:

mix.js('resources/assets/js/app.js', 'public/js')
    .webpackConfig({
        module: {
            rules: [
                {test: /\.js$/, loader: ['ng-annotate-loader']}
            ]
        }
    })