-
下载依赖: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 分钟前
Vue2项目引入sortablejs实现表格行拖曳排序GISer_Jing2 小时前
前端营销(AIGC II)NEXT062 小时前
深度解析 JWT:从 RFC 原理到 NestJS 实战与架构权衡程序员林北北3 小时前
【前端进阶之旅】节流与防抖:前端性能优化的“安全带”与“稳定器”寻星探路4 小时前
【前端基础】HTML + CSS + JavaScript 快速入门(三):JS 与 jQuery 实战未来之窗软件服务5 小时前
未来之窗昭和仙君(六十九)前端收银台行为异常检测—东方仙盟练气大叔编程奋斗记5 小时前
两个日期间的相隔年月计算上海合宙LuatOS6 小时前
LuatOS核心库API——【io】 io操作(扩展)盖头盖6 小时前
【vm沙箱逃逸】GISer_Jing7 小时前
Taro多端开发