node第三天---npm 和 webpack

86 阅读2分钟

npm

npm : node package manager, npm是node的包管理工具,它的出现是为了解决Node中第三方包共享的问题.

在当前项目类打开powershell小蓝窗,npm init -y 初始化,会在项目类生成一个packge.json,里面的dependencies就是包清单,再npm i 包名 去下载想要的包,会在项目类生成一个node_modules文件夹,这个文件夹里保存下载下来的包的源文件

package.jason: 1。记录当前项目中包的清单:就是可以告诉你当前项目有那些依赖包 2。可以在文件中定义脚本---vue必备

下载包 1.npm install 包名 2.npm i 包名 3.npm 包名 i

删除包 npm uninstall 包名

部署依赖包会打包到项目中,而开发依赖包不会打包到项目中 dcc432b4b46433995f9299e52e1dc88.png --save:部署依赖包:开发的时候和项目上线之后都需要使用的包,如axios,vue -S,默认的包的类型就是--save

--save-dev:开发依赖包:只有开发的时候需要使用,如webpack,以后项目打包不会将这种包打包到项目中 -D

-g:全局包:一般就是指所有项目都需要使用到的工具包, vue/cli,在电脑中的单独的位置。

npm i 包名 --save 或者npm i 包名(默认包的类型就是--save) 或者npm i 包名 -S 就是安装部署依赖包 npm i 包名 -- save-dev 或者 npm i 包名 -D ,就是安装开发依赖包 npm i -g 就是安装全局包

npm i -g 安装全局包,一般就是指所有项目都需要使用到的工具包,通过npm root -g 可以查看全局包的安装目录,通过npm list -g --depth 0 可以查看全局安装过的包

npm安装和使用包

image.png

image.png

image.png

image.png

image.png

image.png

image.png

全局包nodemon的作用

image.png

image.png

全局包nrm的作用

image.png

image.png

npm卸载包

image.png

webpack

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

loader

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

vue cli 脚手架

image.png

image.png

image.png

image.png

image.png

image.png