-
下载依赖: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
相关推荐
ywf12151 小时前
前端的dist包放到后端springboot项目下一起打包恋猫de小郭1 小时前
2026,Android Compose 终于支持 Hot Reload 了,但是收费hpoenixf7 小时前
2026 年前端面试问什么还是大剑师兰特7 小时前
Vue3 中的 defineExpose 完全指南泯泷7 小时前
阶段一:从 0 看懂 JSVMP 架构,先在脑子里搭出一台最小 JSVMmengchanmian8 小时前
前端node常用配置华洛8 小时前
利好打工人,openclaw不是企业提效工具,而是个人助理xkxnq9 小时前
第六阶段:Vue生态高级整合与优化(第93天)Element Plus进阶:自定义主题(变量覆盖)+ 全局配置与组件按需加载优化A黄俊辉A9 小时前
vue css中 :global的使用小码哥_常10 小时前
被EdgeToEdge适配折磨疯了,谁懂!