-
下载依赖: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
相关推荐
leobertlan8 小时前
2025年终总结子兮曰8 小时前
OpenClaw架构揭秘:178k stars的个人AI助手如何用Gateway模式统一控制12+通讯频道百锦再9 小时前
Reactive编程入门:Project Reactor 深度指南莲华君9 小时前
React快速上手:从零到项目实战百锦再9 小时前
React编程高级主题:测试代码易安说AI9 小时前
Ralph Loop 让Claude无止尽干活的牛马...失忆爆表症11 小时前
05_UI 组件库集成指南:Shadcn/ui + Tailwind CSS v4小迷糊的学习记录11 小时前
Vuex 与 pinia发现一只大呆瓜11 小时前
前端性能优化:图片懒加载的三种手写方案不爱吃糖的程序媛11 小时前
Flutter 与 OpenHarmony 通信:Flutter Channel 使用指南