电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: nodeJS web端包使用 bower 管理 [打印本页]

作者: look_w 时间: 2019-5-13 14:06 标题: nodeJS web端包使用 bower 管理

使用 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"
  }
}

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)