-
下载依赖: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
相关推荐
GreenTea4 小时前
从 Claw-Code 看 AI 驱动的大型项目开发:2 人 + 10 个自治 Agent 如何产出 48K 行 Rust 代码渣渣xiong4 小时前
从零开始:前端转型AI agent直到就业第五天-第十一天布局呆星5 小时前
Vue3 | 组件通信学习小结C澒5 小时前
IntelliPro 企业级产研协作平台:前端智能生产模块设计与落地OpenTiny社区6 小时前
重磅预告|OpenTiny 亮相 QCon 北京,共话生成式 UI 最新技术思考前端老实人灬6 小时前
web前端面试题Moment6 小时前
AI 全栈指南:NestJs 中的 Service Provider 和 ModuleIT_陈寒6 小时前
为什么我的JavaScript异步回调总是乱序执行?Moment6 小时前
AI全栈入门指南:NestJs 中的 DTO 和数据校验