-
下载依赖: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
相关推荐
小二·2 小时前
前端监控体系完全指南:从错误捕获到用户行为分析(Vue 3 + Sentry + Web Vitals)阿珊和她的猫3 小时前
`require` 与 `import` 的区别剖析谎言西西里3 小时前
零基础 Coze + 前端 Vue3 边玩边开发:宠物冰球运动员生成器努力的小郑4 小时前
2025年度总结:当我在 Cursor 里敲下 Tab 的那一刻,我知道时代变了GIS之路4 小时前
GDAL 实现数据空间查询OEC小胖胖4 小时前
01|从 Monorepo 到发布产物:React 仓库全景与构建链路2501_944711435 小时前
构建 React Todo 应用:组件通信与状态管理的最佳实践困惑阿三5 小时前
2025 前端技术全景图:从“夯”到“拉”排行榜苏瞳儿5 小时前
vue2与vue3的区别weibkreuz6 小时前
收集表单数据@10