-
下载依赖:npm install webpack webpack-cli --save-dev
-
新建一个目录app。
-
加入html:
Dart<html> <head> <meta charset="utf-8"> </head> <body> <script type="text/javascript" src="./dist/main.js" charset="utf-8"></script> </body> </html>
-
加入js的,命名为runoob1.js文件。
javascriptdocument.write("It works.");
-
在app的目录下执行webpack ./runoob1.js的命令。
-
会生成一个dist的目录。
-
使用live-server访问html可以看到效果。
简单使用webpack
姚*鸿的博客2024-10-13 8:49
相关推荐
10年前端老司机1 小时前
React无限级菜单:一个项目带你突破技术瓶颈阿芯爱编程6 小时前
2025前端面试题前端小趴菜057 小时前
React - createPortal晓13137 小时前
JavaScript加强篇——第四章 日期对象与DOM节点(基础)菜包eo7 小时前
如何设置直播间的观看门槛,让直播间安全有效地运行?烛阴8 小时前
JavaScript函数参数完全指南:从基础到高级技巧,一网打尽!chao_7899 小时前
frame 与新窗口切换操作【selenium 】天蓝色的鱼鱼9 小时前
从零实现浏览器摄像头控制与视频录制:基于原生 JavaScript 的完整指南三原9 小时前
7000块帮朋友做了2个小程序加一个后台管理系统,值不值?popoxf10 小时前
在新版本的微信开发者工具中使用npm包