-
下载依赖: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
相关推荐
徐_三岁11 分钟前
127.0.0.1 和 localhost 有什么区别?沛沛老爹24 分钟前
Web开发者转型AI:Agent Skills版本控制与管理实战——从Git到AI技能仓库yyt36304584129 分钟前
TypeScript { [key: string]: unknown } 索引签名写法和 Record 替代揽昕1 小时前
判断对象是否含有某个属性前端小趴菜052 小时前
TypeScriptgetapi2 小时前
在宝塔面板中部署 Vue 项目打包后的 dist 文件作为前端5967851542 小时前
css浮动我想发发发3 小时前
已经安装了ROS环境却还是报错`ModuleNotFoundError: No module named ‘rclpy‘`—Qeyser3 小时前
Flutter 组件通信完全指南天天进步20153 小时前
从脚本到服务:5 分钟通过 Botasaurus 将你的爬虫逻辑转化为 Web API