Почему так много весит основной файл?

Question

[Максим Иванов]

'use strict';

import $ from 'jquery';
window.$ = $;

import angular from 'angular';
window.angular = angular;

let app = angular.module("myApp", []).run(function($rootScope, $http){
    alert(1)
});

при сборке через webpack, файл весит аж 3.8 мб, если пропустить через плагин webpack.optimize.UglifyJsPlugin файл становится 256кб, но все ломается на клиенте при запуске, что делать?

Answer 1

[Дмитрий Беляев]

Основной "вес" бандла составляет ангуляр

Ломается так же из-за кривой архитектуры ангуляра, которая завязана на имена аргументов функции
Чтоб ангуляр не парсил аргументы функции, самой функции нужно присвоить свойство $inject - массив аргументов:

'use strict';

import $ from 'jquery';
window.$ = $;

import angular from 'angular';
window.angular = angular;

function myAppModule($rootScope, $http) {
    alert(1);
}
myAppModule.$inject = ['$rootScope', '$http'];

let app = angular.module("myApp", []).run(myAppModule);

Comments

[Mikhail Osher]

"из-за кривой архитектуры ангуляра". Ломается из-за неумения читать документацию: https://docs.angularjs.org/guide/di#implicit-annotation

[Максим Иванов]

Careful: If you plan to minify your code, your service names will get renamed and break your app.

спасибо, теперь понятно)