原来学习webpack非常吃力,对前端不是太懂,现在才算入门吧,自学webpack时一直报错,然后看到有vue脚手架就放弃学习webpack了,现在感觉不是太懂webpack的话限制太多了,在好好学一边吧
这篇主要讲的怎么测试webpack有关代码,以及怎么建个webpack的空项目
首先建个目录src
在建个index.html
和index.js
文件
然后再目录上cmd命令 npm init -y
,初始化一个package.json包,里面好安装有关模块依赖,还有脚本命令。
然后新建个webpack,config.js
文件见名知意,就是webpack的配置文件
如图
{
"name": "webpack",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack" //添加的
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"jquery": "^3.5.1"
}
}
上面是webpack.config.js
中的代码可以参考一下
然后npm run dev
运行