webpack安装步骤及文件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack安装步骤及文件相关的知识,希望对你有一定的参考价值。

参考技术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之中进行各种配置了。

以上是关于webpack安装步骤及文件的主要内容,如果未能解决你的问题,请参考以下文章

webpack安装整理

Vue 教程(三十二)webpack 使用 vue 配置步骤

Git的使用及安装

记录centos安装步骤的文件及安装日志是哪个

部署React+webpack工程的步骤

webpack搭建环境步骤