-
下载依赖: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
相关推荐
qinqinzhang13 分钟前
dotenv详解Mahut15 分钟前
从零构建神经影像可视化库:neuroviz 的架构设计与实现慧一居士19 分钟前
VueUse 功能介绍使用场景及完整使用示例奇怪的猫19 分钟前
浏览器窗口最小化的时候,setInterval 执行变慢,解决方案多租户观察室19 分钟前
工作流新生态:2026年工作流与Coding的重新分工cmd21 分钟前
别再混淆了!JS类型转换底层:valueOf vs toString vs Symbol.toPrimitive 详解Carsene35 分钟前
开源项目文档架构设计:Git Submodule 实现文档与代码的优雅分离Z思学38 分钟前
promise 有几种状态 async/await 和promise 有什么关系han_40 分钟前
JavaScript设计模式(四):发布-订阅模式实现与应用276695829242 分钟前
租车帮(悟空)订单查询算法分析