如何使用browserify在npm上安裝庫？

Question

我一直在使用角度和使用涼亭作為包管理器。 對於當前項目，我想在瀏覽器中使用一些npm模塊，並從browserify開始

對於我的初學者項目，我能夠npm install angular angular-ui-router --save因為他們有npm 包但我習慣用bower install來安裝依賴項

構建我的browserify-angular應用程序，如何安裝未在npm上列出的依賴項？ 從根本上說，browserify可以替代bower install ，或者我可以使用bower的bower嗎？

對於當前項目，我有一個package.json看起來像這樣：

{
  "name": "browserify-begin",
  "version": "0.0.0",
  "dependencies": {
    "7digital-api": "^0.15.2",
    "angular": "^1.2.16",
    "angular-ui-router": "^0.2.10"
  },
  "devDependencies": {
    "browserify": "^4.1.5",
    "grunt": "^0.4.5",
    "grunt-browserify": "^2.1.0",
    "grunt-contrib-connect": "^0.7.1",
    "grunt-contrib-copy": "^0.5.0"
  }
}

Answer 1

您可以使用npm安裝git-repos 而不將它們發布到npm 。

"dependencies": {
    "package": "git+https://github.com/path/to/repo#commitSHAhash"
}

Answer 2

您可以嘗試通過debowerify進行安裝

然后package.json可能如下所示：

{
  "name": "browserify-begin",
  "version": "0.0.0",
  "dependencies": {
    "7digital-api": "^0.15.2",
    "angular": "^1.2.16",
    "angular-ui-router": "^0.2.10"
  },
  "browserify": {
    "transform": [
      "debowerify"
    ]
  },
  "devDependencies": {
    "browserify": "^4.1.5",
    "debowerify": "^0.7.1",
    "grunt": "^0.4.5",
    "grunt-browserify": "^2.1.0",
    "grunt-contrib-connect": "^0.7.1",
    "grunt-contrib-copy": "^0.5.0"
  }
}

2014年5月24日更新

鑒於源javascript文件是source.js並且您想要瀏覽化為build.js

使用debowerify，如果你的source.js包含像bootstrap等的bower組件，例如：

require('bootstrap')

Gruntfile.js將如下所示：

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    // Metadata.
    pkg: grunt.file.readJSON('package.json'),
    browserify: {
      bundleOptions: {
        debug: true
      },
      js: {
        src:['source.js'],
        dest: 'build.js'
      }
    }
  }),

  grunt.loadNpmTasks('grunt-browserify');    
}

build.js將包含bootstrap組件