-
下载依赖: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
相关推荐
修己xj24 分钟前
打造专属博文封面神器:一个开源免费的博文封面生成器ThisCoverkyriewen28 分钟前
面试8家前端岗位后,我发现了一个残酷的事实:AI不是加分项,是门槛乐于分享的阿乐37 分钟前
最新长期支持版本nodejs安装及环境配置(保姆级图文+安装包)Fighting_p1 小时前
【面试 - el-select问题及解决】wujie 微前端下子系统 el-select 多选 filterable 过滤失效吃口巧乐兹1 小时前
AI 全栈时代,为什么要服务端使用 NestJsyingyima1 小时前
Redis 延迟任务队列:凌晨3点服务器报警的救星weiggle1 小时前
第三篇:可组合函数(Composable)——Compose 的基石前端环境观察室1 小时前
别只看 task success:AI Agent 浏览器自动化真正要补的是环境证据链huakoh1 小时前
LangChain 实战:用混合检索啃下 1000 页 PDF,搭一个长文档问答 Agentm0_535817551 小时前
macOS上Claude Code安装配置保姆级教程:国内直连API,从0到1跑通(附避坑指南)