nodeJS web端包使用 bower 管理

look_w

使用 npm 管理 server 端（服务端）的包
使用 bower 管理 web 端（客户端）的包

bower 的使用：
1.使用 npm 安装 bower
npm install bower -g

2.查看 bower 是否安装成功：
bower -v

3.搭建 bower 初始化环境
bower init
会生成一个bower.json 文件，与 package.json文件差不多

4.创建 bower 运行时文件
null>.bowerrc
并添加如下配置：
{“directory”: “./components”}
这里的路径是可以自由指定的，但必须使用双引号

5.使用 bower 安装需要使用的前端包，比如：bootstrap jquery angular
bower install bootstrap jquery angular --save

源代码的 GitHub路径如下:
https://github.com/slhuang520/study/tree/master/web/nodeJS/3part
.bowerrc

{
  "directory" : "./components"
}


bower.json

{
  "name": "view",
  "authors": [
    "slhuang520 <349733050@qq.com>"
  ],
  "description": "",
  "main": "",
  "license": "MIT",
  "homepage": "",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
    "bootstrap": "^4.3.1",
    "jquery": "^3.4.1",
    "angular": "^1.7.8"
  }
}



package.json

{
  "name": "3part",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "body-parser": "^1.19.0",
    "express": "^4.16.4"
  }
}