-
下载依赖: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 小时前
TCP/IP 与前端性能:从数据包到首次渲染的底层逻辑kyriewen5 小时前
奥特曼借GPT-5.5干杯,而你的Copilot正按Token收钱AC赳赳老秦5 小时前
投标合规提效:用 OpenClaw 实现标书 / 合同自动审核、关键词校验、格式优化,降低废标风险kyriewen5 小时前
代码写成一锅粥?3个设计模式让你的项目“起死回生”千寻girling6 小时前
《 Git 详细教程 》之歆7 小时前
DAY08_CSS浮动与行内块布局实战指南(下)yqcoder7 小时前
CSS Position 全解析:5 种定位模式详解Rhi6378 小时前
从零搭建项目:React 19 + Vite 8 + Tailwind CSS v4 实战配置竹林8188 小时前
用Viem替代ethers.js:从一次签名失败到完整迁移的实战记录之歆8 小时前
DAY08_CSS浮动与行内块布局实战指南(上)