webpack安装步骤及文件

Posted 2023-03-07

参考技术A 1.检查是否有安装npm。

在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之中进行各种配置了。