-
下载依赖: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
相关推荐
摸着石头过河的石头4 分钟前
手把手教你入门 MCP:模型上下文协议与 Trae IDE 中的实践德育处主任4 分钟前
p5.js 3D 形状 "预制工厂"——buildGeometry ()Mintopia6 分钟前
React 牵手 Ollama:本地 AI 服务对接实战指南Mintopia24 分钟前
Next.js 全栈开发基础:在 pages/api/*.ts 中创建接口的艺术小妖66627 分钟前
react-router 怎么设置 basepath 设置网站基础路径xvmingjiang33 分钟前
Element Plus 中 el-input 限制为数值输入的方法XboxYan1 小时前
借助CSS实现自适应屏幕边缘的tooltip极客小俊1 小时前
iconfont 阿里巴巴免费矢量图标库超级好用!小杨 想拼1 小时前
使用js完成抽奖项目 效果和内容自定义,可以模仿游戏抽奖页面yvvvy1 小时前
🐙 Git 从入门到面试能吹的那些事