-
下载依赖: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
相关推荐
jinanwuhuaguo几秒前
(第二十九篇)OpenClaw 实时与具身的跃迁——从异步孤岛到数字世界的“原住民”广州华水科技6 分钟前
深度测评2026年单北斗GNSS位移监测系统推荐,与高口碑变形监测设备一同引领行业新风尚Alice-YUE1 小时前
【js高频八股】防抖与节流是上好佳佳佳呀2 小时前
【前端(十一)】JavaScript 语法基础笔记(多语言对比)CDN3603 小时前
排查实录:网站偶发502/504错误?360CDN回源超时配置与日志分析技巧之歆3 小时前
Day07_CSS盒子模型 · 样式继承 · 用户代理样式DanCheOo3 小时前
AI 应用的安全架构:Prompt 注入、数据泄露、权限边界We་ct4 小时前
深度剖析浏览器跨域问题weixin_427771615 小时前
前端调试隐藏元素爱上好庆祝6 小时前
学习js的第五天