-
下载依赖: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
相关推荐
shughui6 小时前
APP、Web、H5、iOS与Android的区别及关系Amumu121386 小时前
React Router 6介绍山峰哥6 小时前
SQL调优实战:让查询效率飙升10倍的降本密码余生H6 小时前
2026 年时间记录软件对比研究:时间线与「时光流」设计的产品分化风叶悠然6 小时前
vue3中数据的pinia的使用嘿嘻哈呀7 小时前
Node.js和包管理工具李少兄7 小时前
CSS clip-path:前端开发中的裁剪技术winfredzhang7 小时前
构建自动化 Node.js 项目管理工具:从文件夹监控到一键联动运行zhengxianyi5157 小时前
使用码云gitee登录ruoyi-vue-pro——坑比较多光影少年7 小时前
React vs Next.js