Как я могу встроить модуль Angular в webpack?

Я устанавливаю ngRoute из npm, мой веб-пакет загружается по умолчанию 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

 // default.js
 'use strict';

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

angularLoad.js

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

Когда я запускаю webpack, получаю сообщение об ошибке:

Модуль не найден: ошибка: не удается разрешить модуль ngRoute в ....

Это ошибка при угловом впрыске. Есть предложения? Всем спасибо. :)


webpack angularjs commonjs
person xuan    schedule 21.02.2015    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Вы можете установить псевдоним от ngRoute до angular-route следующим образом:

resolve: {
    alias: {
        'ngRoute': 'angular-route'
    }
}
person Joscha    schedule 01.03.2015