webpack打包代码,弄一天了,终于打包成功了,记录一下,

第一步:下载node.js,百度上有安装教程
第二步:在命令提示符:输入 npm i nrm -g 全局安装nrm包,nrm ls查看所有的镜像
第三步:在命令提示符:输入 npm i webpack -g 全局安装webpack,
第四步:在 visual studio code 终端安装jquery , 输入 npm init -y ,再输入npm i jquery -s

第五步:建项目,如下
在这里插入图片描述
编写html

:是最后在终端输入npm run dev 生成的,存储在电脑的内存中,在项目是看不见的

在这里插入图片描述
main.js
在这里插入图片描述
package.json :安装jquery时会自动生成的,只是我们要在
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”,
},
里面添加: “dev”:“webpack-dev-server”
在这里插入图片描述
第六步:安装webpack-dev-server工具在visual studio code 终端输入:npm i webpack-dev-server -D
第七步:因为在
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”,
“dev”:“webpack-dev-server”
},
配置了 “dev”:“webpack-dev-server”,可以在visual studio code 终端输入
npm run dev.

自己搞了一天才搞好了,可能在做的过程,会出现一些问题,如果缺依赖包,就在终端通过命令安装依赖包。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值