您的位置:首页 > 编程语言

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

2019-06-30 13:14 225 查看

第一步:下载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.

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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: