-
下载依赖: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
相关推荐
milanleon26 分钟前
使用Spring Security进行登录认证excel28 分钟前
🚀 从零开始:如何从 GPTsAPI.net 申请 API Key 并打造自己的 AI 服务期待のcode1 小时前
@RequestBody的伪表单提交场景栀秋6661 小时前
防抖 vs 节流:从百度搜索到京东电商,看前端性能优化的“节奏哲学”一颗烂土豆1 小时前
vfit.js v2.0.0 发布:精简、语义化与核心重构 🎉有意义1 小时前
深入防抖与节流:从闭包原理到性能优化实战可观测性用观测云2 小时前
网站/接口可用性拨测最佳实践2503_928411562 小时前
12.26 小程序问题和解决灼华_2 小时前
超详细 Vue CLI 移动端预览插件实战:支持本地/TPGZ/NPM/Git 多场景使用(小白零基础入门)借个火er2 小时前
npm/yarn/pnpm 原理与选型指南