npm、webpack、vue-cli是什么?

643 阅读2分钟

npm是什么?

npm是一个包管理器。就有点像一个线上仓库,里面有很多你想要的插件,通过npm insatll去下载你想要的插件。方便又高效率。

总结为一句话就是:不需要去相关的网站下载依赖,用一个工具把这些依赖集中起来管理就可以了。


webpack是什么?

webpack就是模块打包工具。就是打包,压缩各种静态资源的工具。

webpack的工作原理?

在一个配置文件中,指明对某些文件进行编译、压缩、组合等任务。把你的项目当成一个整体,通过一个给定的主文件(index.js),webpack将从这个文件开始找到你的项目的所有的依赖文件,使用loaders处理他们,最后打包为一个浏览器可以识别的js文件。

webpack的理念就是一切皆模块化,把一堆的css文件和js文件放在一个总的入口文件,通过require引入,剩下的事情webpack会处理,包括所有模块的前后依赖关系,打包、压缩、合并成一个js文件,公共代码抽离成一个js文件、某些自己指定的js单独打包,模块可以是css/js/imsge/font等等。


vue-cli是什么?

vue-cli是vue的脚手架工具,用于一建生成vue+webpack的项目模板。就是一个能够让你选择模板的一个工具。

就比如说你要运动,你可以选择自己运动,也可以选择登录keep看视频运动。运动就比如vue,看视频运动是有规划有计划的运动就比如vue+webpack
。而手机就是工具,用于运动+看视频的工具,vue-cli扮演的就是生成vue+webpack之间的工具。也就是脚手架。