我似乎无法让Webpack或Browserify与UI-Router一起工作。有人能帮上忙吗?
下面是我的模块文件:
"use strict";
require("angular");
angular
.module("app", [require("angular-ui-router")])
.config(require("./app.routes"));
和我的路由文件:
"use strict";
module.exports = function($urlRouteProvider, $stateProvider) {
$urlRouteProvider.otherwise("/state1");
$stateProvider
.state("state1", {
url: "/state1",
templateUrl: "partials/state1.html"
})
.state("state2", {
url: "/state2",
templateUrl: "partials/state2.html"
});
}
发布于 2014-12-15 01:49:01
因此,不幸的是,当您将bower和angularjs依赖注入系统组合在一起时,组件通常不会使用与其angular模块名称相同的bower包名称。这是完全恼人和令人沮丧的,但可悲的是,它是相当普遍的。在本例中,名为" angular -ui-router“的bower组件使用angular模块名称"ui.router”声明自身,这也是它在commonjs中导出的内容。So
在您的package.json
"browser“部分中,将其配置如下:
"ui.router": "./bower_components/angular-ui-router/release/angular-ui-router.js",
然后在你的浏览器代码中,你可以同时require
它(这样browserify会把它包含在你的包中),并将它注入到你的angular应用程序中(这有点高级/令人困惑,但它碰巧被这个特定的模块支持,而bower中的大多数angular js插件不支持任何内置的commonjs )。
angular.module("app", [require("ui.router")]);
发布于 2014-12-18 11:02:36
如果你想对webpack使用bower,你需要像这样的一行:https://github.com/jeffling/angular-webpack-example/blob/master/template/webpack.config.coffee#L83
这将教会webpack如何读取bower.json
文件中的main
属性。这适用于angular-ui-router -我在我们的项目中使用它。
https://stackoverflow.com/questions/27475820
复制相似问题