-
下载依赖: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
相关推荐
Mintopia18 分钟前
计算机图形学学习指南Mintopia19 分钟前
three.js 中的动画(animation)AI大模型顾潇21 分钟前
[特殊字符] Prompt如何驱动大模型对本地文件实现自主变更:Cline技术深度解析小小小小宇32 分钟前
React中 useEffect和useLayoutEffect源码原理AlexJee34 分钟前
在vue3中使用vue-cropper完成头像裁剪上传图片功能清晨細雨36 分钟前
uniapp微信小程序:WIFI设备配网之TCP/UDP开发AP配网阿廖沙102437 分钟前
Rust核心概念阿廖沙102439 分钟前
🚀 从“值放哪了”聊起:Rust 内存管理通透讲解(适合前端工程师)打野赵怀真40 分钟前
如何提高前端应用的性能?