-
下载依赖: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
相关推荐
星_离15 分钟前
《Vue 自定义指令注册技巧:从手动到自动,效率翻倍》狗头大军之江苏分军15 分钟前
消耗 760万 Token 后,一文看懂了“小龙虾” OpenClaw 和 OpenCode 的区别毛骗导演15 分钟前
万字解析 OpenClaw 源码架构-安全与权限哇哇哇哇19 分钟前
vue3 ref解析哇哇哇哇19 分钟前
vue3 reactive解析昭昭日月明34 分钟前
搭建高可用私有 NPM 镜像光影少年35 分钟前
Vue的响应式原理?Vue2和Vue3有什么区别?孟祥_成都43 分钟前
Cursor 要被淘汰了?开发者最应该关注的 10 个信号cxxcode1 小时前
Sentry browserTracingIntegration 实现原理深度解析孟沐1 小时前
大白话理解 Java 序列化:对标前端 JSON.stringify/parse