-
下载依赖: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
相关推荐
程序员鱼皮8 小时前
格局!刚刚 DeepSeek 正式开放全家桶 API,咱都能复刻 DeepSeek App 了?ZhengEnCi8 小时前
登录页电脑端怎么设计才不空:5 种布局方案与可粘贴 AI 提示词匠云创新8 小时前
读完一万段要两分钟:我们把标书读取从 WPS 对象模型搬到了 docx 解析Penge6668 小时前
JavaScript:DOM 树Penge6668 小时前
CSS 核心布局指南:盒模型、Flex 布局与 Position 定位Penge66610 小时前
HTML基础:HTML 标签属性Penge66610 小时前
HTML 基础:块级元素、行内元素与行内块元素详解Penge66610 小时前
前端基础:html语义化用户308169987648510 小时前
同一个端口能被两个程序监听吗?TCP 11 组绑定实测deli00711 小时前
红绿灯配时实测:固定 60 秒 vs 自适应,2400 辆车差多少