webpack的安裝,简单使用

1.安装并配置node.js环境

2.使用npm安装webpack

3.使用npm初始化项目

4.使用webpack对项目进行打包

  • 实验步骤
  • 下载node.js并安装npm工具。

下载node.js的网站Node.js

一个社区版,另一个最新版本可能不稳定。

更改默认C盘为D盘。

然后一路默认next。

打开终端窗口,node –v,查看版本号。如下即下载完成。

下面找到node.js的文件夹,新建两个文件夹node_globalnode_cache

设置环境和路径。

打开计算机

新建NODE_PATH变量,然后路径设置为如图所示。

最后可以看一看自己是否下载成功,可以下载一个express包

用npm init –y 对文件进行初始化。

在vscode中,用快捷键c+~就可以打开终端。

webpack ,webpack-cli –g 安装。

安装后用这四步完成你的打包初体验吧。

实验实现效果


目录

然后,用node 命令来运行形成的js文件bundle.js,我写的函数是输出123456

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值