Angularjs 如何在网页包中安装喷油器角度模块？

我从npm安装ngRoute，我的网页默认加载

default.js

webpack.config.js

'use strict';

var path = require('path'),
    webpack = require("webpack"),
    AngularPlugin = require('angular-webpack-plugin');

module.exports = {
  resolve: {
    root: [path.join(__dirname, "bower_components")]
  },
  plugins: [
  new webpack.ResolverPlugin(
    [new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin("bower.json", ["main"])],
    ["normal", "loader"]
  ),
  new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      "windows.jQuery": "jquery",
      _: "underscore"
  }),
  new AngularPlugin()
  ],
  entry: {
    all: "./app/assets/javascript/default",
  },
  output: {
    path: __dirname + '/dist/assets/javascript',
    filename: "[name].bundle.js",
    chunkFilename: "[id].bundle.js"
  },
}

 // default.js
 'use strict';

 require('angular-route');
 require('./angularLoad')();

// angularLoad.js
module.exports = function () {
   var app = angular.module('myApp', ['ngRoute']);
   app.controller('ctroe', function(){
     console.log("aaaaaaaaaaaa");
   });
};

default.js

'use strict';

var path = require('path'),
    webpack = require("webpack"),
    AngularPlugin = require('angular-webpack-plugin');

module.exports = {
  resolve: {
    root: [path.join(__dirname, "bower_components")]
  },
  plugins: [
  new webpack.ResolverPlugin(
    [new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin("bower.json", ["main"])],
    ["normal", "loader"]
  ),
  new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      "windows.jQuery": "jquery",
      _: "underscore"
  }),
  new AngularPlugin()
  ],
  entry: {
    all: "./app/assets/javascript/default",
  },
  output: {
    path: __dirname + '/dist/assets/javascript',
    filename: "[name].bundle.js",
    chunkFilename: "[id].bundle.js"
  },
}

 // default.js
 'use strict';

 require('angular-route');
 require('./angularLoad')();

// angularLoad.js
module.exports = function () {
   var app = angular.module('myApp', ['ngRoute']);
   app.controller('ctroe', function(){
     console.log("aaaaaaaaaaaa");
   });
};

angularLoad.js

'use strict';

var path = require('path'),
    webpack = require("webpack"),
    AngularPlugin = require('angular-webpack-plugin');

module.exports = {
  resolve: {
    root: [path.join(__dirname, "bower_components")]
  },
  plugins: [
  new webpack.ResolverPlugin(
    [new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin("bower.json", ["main"])],
    ["normal", "loader"]
  ),
  new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      "windows.jQuery": "jquery",
      _: "underscore"
  }),
  new AngularPlugin()
  ],
  entry: {
    all: "./app/assets/javascript/default",
  },
  output: {
    path: __dirname + '/dist/assets/javascript',
    filename: "[name].bundle.js",
    chunkFilename: "[id].bundle.js"
  },
}

 // default.js
 'use strict';

 require('angular-route');
 require('./angularLoad')();

// angularLoad.js
module.exports = function () {
   var app = angular.module('myApp', ['ngRoute']);
   app.controller('ctroe', function(){
     console.log("aaaaaaaaaaaa");
   });
};

运行webpack时，会收到一条错误消息：

未找到模块：错误：无法解析…中的模块“ngRoute”

---

当角度注入时，会出现此错误。你有什么建议吗？谢谢大家。：）

您可以将别名从

ngRoute

设置为

angular route

，如下所示：

resolve: {
    alias: {
        'ngRoute': 'angular-route'
    }
}