《JavaScript开发框架权威指南》——1.3 清单文件(Manifest)

简介: 对于是否将项目中的依赖项移出版本管理存在分歧。一方面,这么做可以令项目仓库更加整洁;另一方面,这也为由网络连接引发的问题(比如不能访问Bower注册中心或者GitHub等)埋下了隐患。

本节书摘来自异步社区《JavaScript开发框架权威指南》一书中的第1章,第1.3节,作者:【美】Tim Ambler , Nicholas Cloud著,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.3 清单文件(Manifest)

Bower为开发者查找、添加、升级以及删除第三方库提供了唯一入口。这些操作被执行后,Bower会用最新的项目依赖项列表更新一个被称作“配置清单”的JSON文件。本章示例项目中的配置清单如清单所示。在此示例项目中,Bower维护着一个唯一的依赖项,即Bootstrap的CSS框架。

清单1-3 本章示例项目的Bower清单文件

// example-bootstrap/bower.json

{
    "name": "example-bootstrap",
    "version": "1.0.0",
    "homepage": "https://github.com/username/project",
    "authors": [
        "John Doe <john.doe@gmail.com>"
    ],
    "dependencies": {
        "bootstrap": "3.2.0"
    }
}

如果不小心把/public/bower_components文件夹删除,以致弄丢项目所有的依赖项的话,只需一条命令(如下所示)就可以将项目恢复至原始状态。Bower会将项目当前的文件结构与清单文件进行比对,确定缺失了哪些依赖项,最终重建项目模式。

$ bower install
这种特性使得我们可以不对/public/bower_components文件夹进行版本管理。提交代码时只提交Bower清单文件,而不提交依赖项本身,项目的源代码模式得以保持整洁,仅包含项目本身所有的文件。

注意:
 

对于是否将项目中的依赖项移出版本管理存在分歧。一方面,这么做可以令项目仓库更加整洁;另一方面,这也为由网络连接引发的问题(比如不能访问Bower注册中心或者GitHub等)埋下了隐患。普遍共识是,如果你的项目是可部署的(亦即一个完整的应用,而非软件模块),那么最好将依赖项一起提交,否则最好将项目用到的依赖项移出版本管理。
创建新的清单文件
当在项目中初次使用Bower的时候,最好像下面一样,让Bower创建一个新的清单文件。此后,再根据需要进行修改。

$ bower init

相关文章
|
3月前
|
JavaScript API
深入探索fs.WriteStream:Node.js文件写入流的全面解析
深入探索fs.WriteStream:Node.js文件写入流的全面解析
|
1月前
|
JavaScript 前端开发 内存技术
js文件的入口代码及需要入口代码的原因
js文件的入口代码及需要入口代码的原因
33 0
|
2月前
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容,支持文本类型文件。在文件读取成功后,可以通过onload事件处理函数获取文件内容,然后展示到页面上。
67 2
前端JS读取文件内容并展示到页面上
|
2月前
|
JavaScript 前端开发 数据安全/隐私保护
混淆指定js文件
【9月更文挑战第26天】JavaScript 混淆旨在保护代码知识产权、减小文件体积和提高安全性。方法包括变量名和函数名混淆、代码压缩、控制流平坦化及字符串加密。常用工具如 UglifyJS 和 JScrambler 可实现这些功能。然而,混淆可能带来兼容性和调试困难等问题,需谨慎使用并确保法律合规。
|
23天前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
113 0
|
2月前
|
移动开发 JavaScript 前端开发
js之操作文件| 12-5
js之操作文件| 12-5
|
2月前
|
存储 JSON JavaScript
学习node.js十三,文件的上传于下载
学习node.js十三,文件的上传于下载
|
3月前
|
JavaScript 数据安全/隐私保护
如何在Vue组件中调用封装好的外部js文件方法
这篇文章介绍了如何在Vue组件中调用封装好的外部js文件方法,包括在Vue项目中全局引入外部js文件,并在组件中通过this.$myMethod()的方式调用外部js文件中定义的方法。
如何在Vue组件中调用封装好的外部js文件方法
|
3月前
|
机器学习/深度学习 JavaScript
node.js实现遍历所有文件夹里面的js文件,提取所有的url
node.js实现遍历所有文件夹里面的js文件,提取所有的url
|
4月前
|
JavaScript 前端开发 程序员
《JavaScript权威指南第7版》中文PDF+英文PDF+源代码 +JavaScript权威指南(第6版)(附源码)PDF下载阅读分享推荐
JavaScript是Web标准语言,广泛应用于各类浏览器,造就了其最广泛部署的地位。Node.js的兴起扩展了JavaScript的使用场景,使其成为开发者首选语言。无论新手还是经验丰富的程序员,都能受益于学习JavaScript。[《JavaScript权威指南第7版》资源链接](https://zhangfeidezhu.com/?p=224)
254 5
《JavaScript权威指南第7版》中文PDF+英文PDF+源代码 +JavaScript权威指南(第6版)(附源码)PDF下载阅读分享推荐