如何使用 browserify 安装不在 npm 上的库？

Question

我一直在使用 angular 并使用 bower 作为包管理器。对于当前项目，我想在浏览器中使用一些 npm 模块并从 browserify 开始

对于我的入门项目，我可以使用 npm install angular angular-ui-router --save，因为他们有 npm packages 但我习惯于使用 bower install 安装依赖项

构建我的 browserify-angular 应用程序，如何安装未在 npm 上列出的依赖项？本质上，browserify 可以替代 bower install，或者我可以将 bower 与 browserify 一起使用吗？

对于当前项目，我有一个 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 without them being published to npm 安装 git-repos。

"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 将包含引导组件