-
下载依赖: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
相关推荐
xiaohe06015 小时前
📖 每一份收获都值得被纪念:小何的 2025 年度总结社恐的下水道蟑螂5 小时前
深入理解 React 中的 Props:组件通信的桥梁青莲8435 小时前
Java基础篇——第三部社恐的下水道蟑螂6 小时前
LangChain:AI 应用开发框架的深度解析与实践指南凌览6 小时前
2025年,我和AI合伙开发了四款小工具青莲8436 小时前
Java基础篇——第一部留简6 小时前
从零搭建一个现代化后台管理系统:基于 React 19 + Vite + Ant Design Pro 的最佳实践小满zs6 小时前
Next.js第十八章(静态导出SSG)CAN11776 小时前
快速还原设计稿之工作流集成方案A24207349306 小时前
深入浅出JS事件:从基础原理到实战进阶全解析