Bower In ASP.NET Core

创建一个ASP.NET Core MVC项目的时候,会产生一个bower.json的文件,用于管理前段的js.

NPM & Bower

NPM主要运用于Node.js项目的内部依赖包管理,安装的模块位于项目根目录下的node_modules文件夹内

而Bower大部分情况下用于前端开发,对于CSS/JS/模板等内容进行依赖管理,依赖的下载目录结构可以自定义。

依赖解析:

NPM的依赖解析是递归的,而Bower的依赖解析是扁平的。

如何安装新的包?

在bower.json中,dependencies配置节下:


"angular": "1.5.8"

Ctr+S

就会看到wwwroot/lib新增了angular文件夹。

同时可以看到.bower的文件,表示当前包的配置。

NPM的package.json

npm命令运行时会读取当前目录的 package.json 文件和解释这个文件,这个文件基于Packages/1.1 规范。

在这个文件里你可以定义你的应用名称( name )、应用描述( description )、关键字( keywords )、版本号( version )、应用的配置项( config )、主页( homepage )、作者( author )、资源仓库地址( repository )、bug的提交地址( bugs ),授权方式( licenses )、目录( directories )、应用入口文件( main )、命令行文件( bin )、应用依赖模块( dependencies )、开发环境依赖模块( devDependencies )、运行引擎( engines )和脚本( scripts )等。


{
  "name": "angular",
  "version": "1.5.8",
  "description": "HTML enhanced for web apps",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/angular/angular.js.git"
  },
  "keywords": [
    "angular",
    "framework",
    "browser",
    "client-side"
  ],
  "author": "Angular Core Team <angular-core+npm@google.com>",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/angular/angular.js/issues"
  },
  "homepage": "http://angularjs.org"
}

posted @ 2016-08-10 11:40 _DN 阅读(...) 评论(...) 编辑 收藏