Webpack 安装

本文介绍了如何安装Webpack,包括Node.js环境的准备、项目创建、全局与局部安装Webpack的步骤,以及验证安装是否成功的方法。文章还提到了全局安装可能带来的问题,并推荐使用局部安装以避免版本冲突。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本节我们来学习 webpack4.0 的安装,webpack 的运行需要依赖 Node.js 的运行环境,在安装 webpack 时也需要用到 npm ,所以我们需要先安装 Node.jsNode.js 自带了软件包管理器 npm

webpack 需要 Node.js v0.6 以上版本支持,所以建议使用最新版,安装地址为:https://nodejs.org/en/download/,安装过程如果不熟悉的同学可以去看一下 Node.js 入门教程,这里就不给大家演示啦。

创建一个项目

首先我们需要创建一个项目文件,例如在桌面上创建一个 xkd_webpack,然后在终端中进入这个项目的根目录,如下图:

然后可以执行 npm init 命令初始化项目,这时会在项目根目录下自动生成一个 package.json 文件,这个文件中是一些配置信息:

在初始化时会显示一些问题,如果这些问题我们全部选择默认答案,则可以直接执行 npm init --yes 来直接创建 package.json 文件。

下面是一个创建好的 package.json 文件内容:

{
  "name": "xkd_webpack",
  "version": "1.0.0",
  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值