NPM的使用
npm 是什么?
npm(node package manager)node的包管理工具
npm为JavaScript开发者提供了一个很好的分享重用的方式,同时提供一个很好的方式来更新你的代码。
npm为JavaScript开发者提供了一个分享代码的方式,同时也能够为开发者提供一个在他们项目中重用代码的方式。
这些被重用的代码被称为包(packages),有时候也被称为模块(modules)。一个包通常包含了一个或者多个文件,同时也包含了一个定义了这个包元信息的文件"package.json"。在一个应用中,例如网站会依赖成百上千个包,这些包一般来说都比较小。通常情况下开发者创建一个包用于解决一个特定的问题。
使用npm有很多益处。通过引入npm包你的项目团队能够借助其他开发者的力量解决特定的问题。即使你不使用其他开发者的代码,在你的项目中使用npm能够使你团队很好的协同工作,同时也为代码重用提供了一个很好的方式。
开发者可以通过npm官网来查找应用需要的包。在浏览官网的时候,能够发现有大量的包。npm是基于包管理的,所以开发者也能够找到很多用于服务器端的模块。也有一些包能够在命令行界面来使用命令。同时开发者还能找到很多用于前端在浏览器上使用的包。
npm提供了一个重用其他开发者代码的方式,npm也能够分享开发者自己的代码,同时也提供了一个便捷的方式来管理不同版本的代码。
什么是WebPack?
WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Sass,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。在3.0出现后,Webpack还肩负起了优化项目的责任。
WebPack的三个重点:
打包:可以把多个Javascript文件打包成一个文件,减少服务器压力和下载带宽。
转换:把拓展语言转换成为普通的JavaScript,让浏览器顺利运行。
优化:前端变的越来越复杂后,性能也会遇到问题,而WebPack也开始肩负起了优化和提升性能的责任。