angularjs - angular.module odefinierad när man använder webpack
Angular 1.5.8, Webpack 2.1.0-beta.25
Jag får ett felmeddelande att angular är odefinierat när jag försöker använda det med webpack. Jag har försökt att ladda angular som en extern och som en del av paketet enligt beskrivningen här: Webpack ProvidePlugin vs externals?
Jag har lagt till den här koden vid min ingångspunkt för att testa:
import * as angular from 'angular';
// import angular from 'angular'; <!-- have tried this too
angular.module('test', []);
Jag kan hålla musen över koden i debuggern och den verkar kunna hitta Angular. Ändå när jag trycker på F10 får jag felet.
Min webpack.common.config:
externals: {
jquery: 'jQuery',
window: 'window',
angular: 'angular'
},
new webpack.ProvidePlugin({
$: 'jquery',
angular: 'angular',
_: 'lodash',
moment: 'moment'
}),
Index.html (när den tillhandahålls externt):
<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 är där felet uppstår, även om det laddas sist (angular är först)

