02-03.Webpack的安装
2019-04-20 本文已影响0人
v刺猬v
Webpack的安装
webpack是基于Node的打包工具,他本质上是由Node实现的。那首先就要先安装NodeJS环境
- 进入NodeJS官网,选择下载NodeJS安装包(选择长期支持版),在安装NodeJS的时候,尽量选择较新版本,因为新版本的NodeJS能很大程度的提高Webpack的打包速度。
- 进入终端输入
node -v
和npm -v
查看node和npm的版本号。 - 使用
npm init
在目标目录下初始化项目 - 查看项目目录下,生成的
package.json
文件。尝试输入private: true
,声明当前的项目是一个私有的项目,不会被上传到NPM中 - 全局安装webpack:
npm i webpack webpack-cli -g
(非常不推荐使用这种方式安装,因为不同的项目依赖的webpack可能是不同版本的,这样可能导致依赖不同版本webpack的项目,启动不起来) - 在项目内安装webpack:
- 进入到项目目录
- 运行
npm i webpack webpack-cli -D
- 执行
npx webpack -v
(npx会帮助我们在当前项目依赖中,运行webpack)
补充知识:
查看webpack在npm中的信息npm info webpack