-
下载依赖: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
相关推荐
菜鸟小芯18 分钟前
【腾讯位置服务开发者征文大赛】校园美食雷达 —— 基于 CodeBuddy + 腾讯 LBS 开发实战搜狐技术产品小编202331 分钟前
深度解析与业务实战:将 screenshot-to-code 改造为支持 React + Ant Design 的前端利器Rik32 分钟前
Cursor Rules 深度玩法:从全局配置到项目级规则,让 AI 真正理解你的项目weixin_4713830335 分钟前
set和map结构,减少O(n)复杂度hunteritself38 分钟前
GPT Image2 + Seedance 2.0:3 小时从剧本到 AI 互动影游,深度实测复盘独秀不如众秀1 小时前
前端页面引擎协议:由浅入深——从 30 行到 vform3 的演化之路学网安的肆伍1 小时前
【044-WEB攻防篇】PHP应用&SQL盲注&布尔回显&延时判断&报错处理&增删改查方式八号当铺1 小时前
从 Prompt 到 AI 工程化:理解 Rules、Skills 与 Agentdidadida2621 小时前
子路径部署 Vue/React 应用偶发白屏invicinble1 小时前
前端框架使用vue-cli (第五层:构建打包层--总体层介绍)