使用webpack

时间:2016-11-20 17:35:41

标签: angularjs typescript webpack

Angular 1.5.8,Webpack 2.1.0-beta.25

当我尝试将其与webpack一起使用时,我收到了一个未定义角度的错误。我已尝试将角度作为外部加载,并将其作为包的一部分加载,如下所示:Webpack ProvidePlugin vs externals?

我已在我的入口点添加了此代码以进行测试:

import * as angular from 'angular';
// import angular from 'angular'; <!-- have tried this too

angular.module('test', []);

我可以将鼠标放在调试器中的代码行上,它似乎能够找到角度。然而,一旦我点击F10,我就会收到错误。

enter image description here

enter image description here

我的webpack.common.config:

    externals: {
        jquery: 'jQuery',
        window: 'window',
        angular: 'angular'
    },

      new webpack.ProvidePlugin({
          $: 'jquery',
          angular: 'angular',
          _: 'lodash',
          moment: 'moment'
      }),

Index.html(在外部提供时):

<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是发生错误的地方,即使它最后加载(角度是第一个)

0 个答案:

没有答案