-
下载依赖: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
相关推荐
竹林8181 天前
wagmi v2 多链钱包切换:一个 Uniswap 仿盘项目让我踩了三天坑donecoding1 天前
Playwright MCP 页面捕获:Snapshot、截图、HTML 到底选哪个?滕青山1 天前
在线PDF拆分工具核心JS实现Smilezyl1 天前
一个独立开发者,靠一份 markdown 驱动 Claude Code, 用 20 天跑通 9 个包的 monorepo 工程技术崽崽1 天前
不止有 Agent:Cursor 进阶使用技巧全解析风骏时光牛马1 天前
Pascal基础语法与控制台编程实战案例详解TeamDev1 天前
JxBrowser 9.0.0 版本发布啦!Daybreak1 天前
Mobile 端 AI 请求真机调试:从"线上没日志"到四层问题定位Wect1 天前
LeetCode 97. 交错字符串:动态规划详解木斯佳1 天前
前端八股文面经大全:字节暑期前端一面(2026-04-24)·面经深度解析