node、npm 、webpack有什么关系?

node npm webpack有什么关系

简单来说
webpack可以将 .vue 文件进行打包或解析,这个过程在node环境中运行,需要借助vue-loader加载,vue-loader加载需要在node环境使用 npm 命令下载后生成依赖

1.Node

Node的官网:http://nodejs.cn/
Node.js 是运行在服务端的 JavaScript,如果安装好nodejs,打开cmd输入node -v查看node的版本号,说明node已经安装好。

node -v

node.js是JavaScript的运行环境,它不是一个js文件,实质是对Chrome V8引擎的封装。

Node和Npm是包含关系,nodejs中含有npm,

2.Npm

Npm全称是node package manager(包管理工具)
使用场景:

允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

新版的nodejs已经集成了npm,npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装

npm -v

使用淘宝 NPM 镜像
国内直接使用 npm 的官方镜像是非常慢的,可以使用淘宝 NPM 镜像,速度会快一点。

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装cnpm后,可以使用 cnpm 命令来安装需要使用的模块

cnpm install [name]

3.Webpack

webpack是一个包管理工具,他可以将vue.js进行打包或解析,可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。
安装webpack首先需要安装Node.js,Node.js自带了软件包管理工具npm
使用npm /cnpm 安装 webpack:

npm install webpack -g
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值