-
下载依赖: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
相关推荐
大家的林语冰16 分钟前
《前端周刊》尤大开源 Vite+ 全家桶,前端工业革命启动;尤大爆料 Void 云服务新产品,Vite 进军全栈开发;ECMA 源码映射规范......jiayong2333 分钟前
第 8 课:开始引入组合式函数田八37 分钟前
聊聊AI的发展史,AI的爆发并不是偶然zhanghongbin011 小时前
AI 采集器:Claude Code、OpenAI、LiteLLM 监控IT_陈寒1 小时前
Python的列表推导式里藏了个坑,差点让我加班到凌晨吴声子夜歌1 小时前
ES6——正则的扩展详解天***88521 小时前
Edge 浏览器离线绿色增强版+官方安装包,支持win7等系统漫游的渔夫2 小时前
别再直接 `json.loads` 了!AI 返回的 JSON 坑位指南软件工程师文艺2 小时前
从0到1:Claude Code如何用React构建CLI应用M ? A2 小时前
Vue 迁移 React 实战:VuReact 一键自动化转换方案