Laravel mix和AngulaJs

Question

我正在尝试使用运行webpack的Laravel Mix将角度应用程序编译为一个文件。我得到的错误：

Uncaught ReferenceError: app is not defined 

我webpack.mix.js：

const { mix } = require('laravel-mix'); 

mix.js('resources/assets/js/dependencies.js', 'public/js') 
    .sass('resources/assets/sass/app.scss', 'public/css'); 

我bundle.js：

//load angular 
require('angular'); 

//Load Angular's plugins 
require('angular-ui-router'); 

//Init Angular app 
require('./app/app'); 

//Load angular controllers 
require('./app/Controller/aboutController'); 
.... 

//Load angular directive 
require('./app/Directive/directive'); 

//Load angular services 
require('./app/Services/AccountService'); 
.... 

我app/app.js：

var app = angular.module('app', ['ui.router']); 

app.config(['$stateProvider', '$urlRouterProvider', '$locationProvider', function ($stateProvider, $urlRouterProvider, $locationProvider) { 

$urlRouterProvider.otherwise('/home'); 

$stateProvider 
    .state('home', { 
     url: '/home', 
     templateUrl: 'app/View/homeView.html', 
     controller: 'homeController' 
    }) 
    ... 
}]); 


app.run(['$state', '$rootScope', function ($state, $rootScope) { 
    //APP RUN 
}]); 

我得到Uncaught ReferenceError: app is not defined当我打电话app.controller()，例如app/Controller/aboutController.js：

app.controller("aboutController", ['$scope', '$rootScope', '$http', function ($scope, $rootScope, $http) {....} 

我这么想吗？如果我使用html逐个加载所有文件，它工作正常。

Answer 1

如果您将应用程序的控制器定义在单独的文件中，则无法直接使用应用程序，因为没有参考。你首先必须参考模块。

angular.module('app') 
    .controller('aboutController'.... 

让我知道这是否适合你。