-
下载依赖: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
相关推荐
用户01360875668816 分钟前
前端实现文件上传功能咖啡の猫1 小时前
Vue-github 用户搜索案例yong99901 小时前
响应式布局新利器:CSS Grid 的 grid-template-areas 实战咖啡の猫1 小时前
Vue过度与动画IT_陈寒1 小时前
Python数据处理速度慢?5行代码让你的Pandas提速300% 🚀蒜香拿铁1 小时前
Angular【起步】护国神蛙1 小时前
HTTP 重定向踩坑实录:307、301、308 问题排查全指南初心丨哈士奇1 小时前
前端Vibe Coding探索:Cursor+MCP打造沉浸式开发流(使用MCP与Cursor Rules让Vibe Coding更快速与精准)Hilaku1 小时前
前端开发,真的有必要学Docker吗?安迪西嵌入式1 小时前
数据平滑处理算法03——中心移动平均