11

angularjs と webpack を使用して単純なアプリを実行しようとしています。ここに私のコードがあります:
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 !!

また、私はこれを見ました: https://github.com/jeffling/angular-webpack-example
質問は、これを正しく実行するにはどうすればよいですか?

4

1 に答える 1