angularjs - angular.module nedefinit atunci când se folosește webpack
Angular 1.5.8, Webpack 2.1.0-beta.25
Primesc o eroare că angular nu este definit când încerc să îl folosesc cu webpack. Am încercat să încarc angular ca un modul extern și ca parte a pachetului așa cum este detaliat aici: Webpack ProvidePlugin vs externals?
Am adăugat acest cod la punctul meu de intrare pentru a testa:
import * as angular from 'angular';
// import angular from 'angular'; <!-- have tried this too
angular.module('test', []);
Pot să țin mouse-ul deasupra liniei de cod în debugger și se pare că poate găsi Angular. Totuși, odată ce apăs F10 primesc eroarea.
Configurația mea webpack.common:
externals: {
jquery: 'jQuery',
window: 'window',
angular: 'angular'
},
new webpack.ProvidePlugin({
$: 'jquery',
angular: 'angular',
_: 'lodash',
moment: 'moment'
}),
Index.html (când se furnizează extern):
<body id="bootstrap-overrides">
<sb-app></sb-app>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/slideout/0.1.11/slideout.min.js"></script>
<script type="text/javascript" src="polyfills.bundle.js"></script>
<script type="text/javascript" src="vendor.bundle.js"></script>
<script type="text/javascript" src="sbMain.bundle.js"></script>
</body>
sbMain.bundle.js este locul unde apare eroarea, chiar dacă este încărcat ultimul (angular este primul)

