-
下载依赖: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
相关推荐
rgeshfgreh10 分钟前
Python流程控制:从条件到循环实战狗头大军之江苏分军17 分钟前
告别旧生态:Ant Design 6 不再支持 IE 与现代前端趋势解读C_心欲无痕18 分钟前
nginx - 开启 gzip 压缩闲云一鹤23 分钟前
2026 最新 ComfyUI 教程 - 本地部署 AI 生图模型 - Z-Image-Turbo开开心心_Every25 分钟前
安卓后台录像APP:息屏录存片段,行车用狗头大军之江苏分军27 分钟前
Ant Design 6.0 正式发布:从 V5 到 V6 有哪些变化?优弧34 分钟前
Claude 终于对普通人下手了!Cowork 发布,你的最强 AI 打工搭子来了!Zoey的笔记本1 小时前
敏捷与稳定并行:Scrum看板+BPM工具选型指南文心快码BaiduComate1 小时前
0代码手写!体验百度Comate的“魔法”:我造了个会理解情绪的中介层3824278271 小时前
表单提交验证:onsubmit与return详解