Webpack и угловой 1 плагин uglify

Question

Я получаю сообщение об ошибке при ошибке модуля при использовании модуля uglify js; Он отлично работает, когда я не включаю никаких плагинов, как я могу его минимизировать для производства? Это мой WebPack конфигурация:

const webpack = require('webpack'); 

module.exports = { 
    entry: './src/app.js', 
    vendor: ['angular'], 
    output: { 
     path: './dist', 
     filename: 'bundle.js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.css$/, 
       loader: 'style-loader!css-loader' 
      } 
     ] 
    }, 
    plugins: [ 
     new webpack.optimize.UglifyJsPlugin() 
    ], 
    watch: true 
}; 

Моего app.js:

var angular = require('angular'); 
require('angular-ui-router'); 
global.jQuery = require('jquery'); 
require('bootstrap'); 
require("./css/style.css"); 

angular.module('todoApp', ['ui.router']).config(require('./routes')); 

require('./services/todoService'); 

require('./controllers/mainController'); 
require('./controllers/homeController'); 
require('./controllers/aboutController'); 

Answer 1

Предположительно, вы не следовали по поводу аннотации зависимостей в dependency injection guide. У вас есть несколько вариантов:

1. В controllers/mainController, задающие mainController.$inject = ['$scope', '$http']; (адаптироваться по мере необходимости).
2. Используйте ng-annotate-loader. В зависимости от вашего стиля кода, возможно, придется аннотирование конструкторов с /*@ngInject*/

Чтобы не пропустить аннотацию зависимости развиваясь, вы можете захотеть включить strict dependency injection.