简单来说
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