Webpack et angularJs

J'essaie d'exécuter une application simple avec angularjs et webpack, voici mon code:
Index.html

<html ng-app="myApp"> <head> <meta charset="utf-8"> </head> <body ng-controller="mainCtrl"> Full Name: {{firstName + " " + lastName}} <script type="text/javascript" src="bundle.js" charset="utf-8"></script> </body> </html>

App.js

 var app = angular.module('myApp', []); function mainCtrl($scope) { $scope.firstName="John", $scope.lastName="Doe" }

Webpackconfig.js

 module.exports = { entry: './main.js', output: { filename: './bundle.js' } };

Main.js

 var jquery = require("//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js"); var angular = require("//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js"); var app = require("./app.js");

Bundle.js

 ?? I don't know what i sholud write here !!

J'ai également vu ceci: https://github.com/jeffling/angulaire-webpack-example
La question est de savoir comment puis-je l'exécuter correctement?

Bundle.js est généré par webpack, donc je pense que vous n'avez pas besoin d'écrire ce fichier.

Le nom correct pour le fichier de configuration Webpack est webpack.config.js. Avec ce fichier en place, vous pouvez lancer une compilation avec un webpack ou un webpack --watch pour compiler en continu vous regroupez le fichier lorsque vous modifiez votre code.

J'ai créé un angular-index.js pour envelopper Angular en tant que module CommonJS. Voici le code source:

 require('./angular.min.js'); module.exports = angular;

Et j'ai fusionné main.js et 'app.js' dans un seul fichier

 var jquery = require('jquery'); var angular = require('./angular-index'); var myApp = angular.module('myApp', []); myApp.controller('mainCtrl', require('./mainCtrl'));

Et enfin, j'ai ajouté mainCtrl.js . Celui-ci est juste la définition de fonction du contrôleur.

 module.exports = function($scope) { $scope.firstName = 'John'; $scope.lastName = 'Doe'; };

Pour une explication meilleure et détaillée, lisez cette publication sur le blog https://blog.codecentric.de/en/2014/08/angularjs-browserify/ . Mon code de travail est ici https://github.com/jean-rakotozafy/angular-webpack-template