-
下载依赖: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
相关推荐
PBitW1 天前
2025,菜鸟的「Vibe Coding」时刻mwq301231 天前
不再混淆:导数 (Derivative) 与微分 (Differential) 的本质对决小二·1 天前
Vue 3 组件通信全方案详解:Props/Emit、provide/inject、事件总线替代与组合式函数封装研☆香1 天前
html框架页面介绍及制作be or not to be1 天前
CSS 定位机制与图标字体DevUI团队1 天前
🔥Angular高效开发秘籍:掌握这些新特性,项目交付速度翻倍Moment1 天前
如何在前端编辑器中实现像 Ctrl + Z 一样的撤销和重做宠..1 天前
优化文件结构Tencent_TCB1 天前
AI Coding全流程教程——0基础搭建“MEMO”健康打卡全栈Web应用(附提示词)小猪猪屁1 天前
权限封装不是写个指令那么简单:一次真实项目的反思