Webpack und eckig 1 Uglify-Plugin

Question

Ich bekomme den Fehler zu Modulfehler Instanziieren, wenn ich das Uglify js Plugin verwende; Es funktioniert gut, wenn ich keine Plugins einschließe, wie kann ich es für die Produktion verkleinern? Das ist mein webpack config:

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 
}; 

Mein 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

Vermutlich haben Sie die dependency injection guide über Abhängigkeits Anmerkung nicht folgen. Sie haben ein paar Optionen:

1. In controllers/mainController geben mainController.$inject = ['$scope', '$http']; (Anpassung je nach Bedarf).
2. Verwenden Sie die ng-annotate-loader. Abhängig von Ihrem Code-Stil, können Sie Konstrukteure haben mit Anmerkungen versehen mit /*@ngInject*/

Um eine Abhängigkeit Anmerkung während der Entwicklung nicht entgehen lassen, möchten Sie vielleicht strict dependency injection ermöglichen.