-
下载依赖: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
相关推荐
闲云一鹤4 分钟前
Cesium 去掉默认瓦片和地形,解决网络不好时地图加载缓慢的问题Dreamcatcher_AC5 分钟前
前端面试高频13问AI陪跑5 分钟前
深入剖析:GrapesJS 中 addStyle() 导致拖放失效的问题登山人在路上6 分钟前
Vue中导出和导入消失的旧时光-19439 分钟前
Flutter 路由从 Navigator 到 go_router:嵌套路由 / 登录守卫 / 深链一次讲透掘金酱13 分钟前
🏆2025 AI/Vibe Coding 对我的影响 | 年终技术征文智算菩萨15 分钟前
【Python基础】字典(Dictionary):AI的“键值对”信息存储的基石C_心欲无痕22 分钟前
vue3 - shallowReadonly浅层只读响应式对象_Kayo_22 分钟前
HTML 拖放API狗头大军之江苏分军24 分钟前
2026年了,前端到底算不算“夕阳行业”?