-
下载依赖: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 分钟前
简单讲讲 SVG:前端开发中的矢量图形前端小万11 分钟前
告别 CJS 库加载兼容坑天远数科11 分钟前
Node.js全栈开发:深度集成天远贷前风险报告接口打造风控中台恋猫de小郭11 分钟前
Flutter 3.38.1 之后,因为某些框架低级错误导致提交 Store 被拒JarvanMo15 分钟前
Flutter 需要 Hooks 吗?光影少年26 分钟前
前端如何虚拟列表优化?Moment27 分钟前
一杯茶时间带你基于 Yjs 和 reactflow 构建协同流程图编辑器 😍😍😍invicinble1 小时前
对于前端数据的生命周期的认识PieroPc1 小时前
用FastAPI 后端 和 HTML/CSS/JavaScript 前端写一个博客系统 例hunter14501 小时前
2026.1.4 html简单制作