Webpack打包相关操作

Webpack打包相关操作_第1张图片首先在node.js官网下载node环境进行安装,一般下载左侧LTS版本为稳定版本。
Webpack打包相关操作_第2张图片
一路next就可以完成安装。新版的NodeJS已经集成了npm,所以npm也一并安装好了。
Webpack打包相关操作_第3张图片
证明已经安装成功
webpack安装分为两种安装方式:
1、全局安装
直接在命令提示符中输入 npm install -g webpack
2、安装在项目中

我在我的编辑器中新建一个项目
Webpack打包相关操作_第4张图片
我在命令提示符中找到当前项目的路径,并且输入 npm init -y进行安装webpack

Webpack打包相关操作_第5张图片
Webpack打包相关操作_第6张图片
安装完成后会发现你的项目中多了一个文件
Webpack打包相关操作_第7张图片
再去安装webpack打包所需要的npm 输入命令行
npm install webpack --save-dev
Webpack打包相关操作_第8张图片
Webpack打包相关操作_第9张图片
安装完成
Webpack打包相关操作_第10张图片
查看你的项目中会多出一个node_modules的文件夹
Webpack打包相关操作_第11张图片
在命令提示符中找到输入以上指令就可以找到webpack的版本号。

你可能感兴趣的:(安装)