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_global和node_cache:
设置环境和路径。
打开计算机
新建NODE_PATH变量,然后路径设置为如图所示。
最后可以看一看自己是否下载成功,可以下载一个express包
用npm init –y 对文件进行初始化。
在vscode中,用快捷键c+~就可以打开终端。
webpack ,webpack-cli –g 安装。
安装后用这四步完成你的打包初体验吧。
实验实现效果
目录:
然后,用node 命令来运行形成的js文件bundle.js,我写的函数是输出123456