Question

我现在使用npm中没有开箱即用的软件包的方式就是这样：

package.json有：

 "napa": {
     "angular": "angular/bower-angular",
     "angular-animate": "angular/bower-angular-animate",
     "d3": "mbostock/d3",
     "ui-router":"angular-ui/ui-router",
     "bootstrap":"twbs/bootstrap"
  },
  "scripts": {
     "install": "node node_modules/napa/bin/napa"

并将文件安装到node_modules目录中，我像本机一样使用它们

require('angular/angular')
require('ui-router') 
... etc

这样可行，但我在考虑是否可以使用与bower一起安装的软件包（进入特定于bower的文件夹）并将它们原生用作节点模块？是否可以调整节点的模块分辨率并强制它不仅在node_modules目录中查找模块，还在bower目录中查找模块？或者可能使用npm link或其他什么？

是否有某种惯例可以使用浏览器与bower一起使用？

Answer 1

您可以尝试通过debowerify

进行安装

package.json可能如下所示：

{
  "name": "browserify-begin",
  "version": "0.0.0",
  "dependencies": {
  },
  "browserify": {
    "transform": [
      "debowerify"
    ]
  },
  "devDependencies": {
    "browserify": "^4.1.5",
    "debowerify": "^0.7.1",
    "grunt": "^0.4.5"
  }
}

给定角度安装

bower install angular

然后在js文件中将如下：

require("angular");

Answer 2

您可以browserify-shim使用Here is the spec for the "browser" package.json property并在package.json中配置与bower一起安装的模块，如下所示：

"browser": {
  "angular": "./bower_components/angular/angular.js",
  "angular-resource": "./bower_components/angular-resource/angular-resource.js"
},
"browserify-shim": {
  "angular": {
    "exports": "angular"
  },
  "angular-resource": {
    "depends": ["./bower_components/angular/angular.js:angular"]
  }
},

然后你的代码可以通过短名称require，就好像有常规的npm模块一样。

Browserify和bower。规范方法

2 个答案: