webpack安装步骤及文件

在windows系统下，同时按下windows+R调出命令，输入CMD，如下图：

图1

打开命令工具，输入命令：npm -v

如下图：

图2

图中显示了5.6.0说明已经安装了npm，显示的5.6.0是npm的版本，如果没有安装的话就要先去安装一下npm之后再继续接下去的 *** 作；

2.进入项目文件夹并生成package.json文件。

新建一个空文件newitem，如下图：

图3

然后用命令工具进入这个新项目的空文件夹，然后再输入npm init，如下图：

图4

3.为项目添加webpack依赖。

在命令工具中输入命令：npm install webpack --save-dev

如下图：

图5

完成以上 *** 作之后你会发现你新建的项目文件里面多了一些文件，如下图：

图6

4.新建webpack.config.js配置文件。

图7

接着就可以通过package.json文件中的scripts来启动不同的服务，而webpack.config.js文件是用来设置webpack相关服务内容的。

下一篇文章再具体讲解如何在webpack.config.js之中进行各种配置了。

npm install -g nrm

查看镜像

nrm ls

查看的结果：

npm ---------- https://registry.npmjs.org/

yarn --------- https://registry.yarnpkg.com/

tencent ------ https://mirrors.cloud.tencent.com/npm/

cnpm --------- https://r.cnpmjs.org/

taobao ------- https://registry.npmmirror.com/

npmMirror ---- https://skimdb.npmjs.com/registry/

使用镜像：

nrm use cnpm

2、安装webpack

本地安装：

npm install --save-dev webpack

全局安装

npm install --global webpack

使用：在建立的文件夹上鼠标右键，打开终端：

输入 npm init ：用于生成package.json文件

本地安装：

npm install --save-dev webpack

或者

npm install webpack -D

4.0以上版本需要安装

npm install webpack-cli

查看版本：

.\node_modules\.bin\webpack -v

运行webpack:

npx webpack

注意：

在查看版本时遇到困难时需要以管理员身份运行vs code

在终端执行： get-ExecutionPolicy ，显示Restricted（表示状态是受限制的）

在终端执行： set-ExecutionPolicy RemoteSigned

在终端执行： get-ExecutionPolicy ，显示RemoteSigned

如何以管理员方式运行powershell

第1步： 同时按下 Windows + R 键以d出"运行"对话框。

第2步： 在框中键入PowerShell，然后单击OK (确定)按钮。普通的Windows PowerShell将以当前用户身份启动。

第3步： 键入命令 start-process PowerShell -verb runas ，然后按"enter"键。

第4步： 以上命令将以管理员身份提升Windows PowerShell的权限