-
下载依赖: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
相关推荐
全栈老石11 分钟前
从硬编码到 Schema 推断:前端表单开发的工程化转型weixin_4624462313 分钟前
【原创实践】使用 shell 脚本批量创建 Linux 用户并生成随机密码软件技术NINI37 分钟前
娃娃店html+css 4页wordbaby44 分钟前
TanStack Router 路径参数(Path Params)速查表盟接之桥1 小时前
盟接之桥--说制造:从“找缝隙”到“一万米深”——庖丁解牛式的制造业精进之道巴拉巴拉~~1 小时前
Flutter 通用滑块组件 CommonSliderWidget:单值 / 范围 + 刻度 + 标签 + 样式自定义韭菜炒大葱2 小时前
现代前端开发工程化:Vue3 + Vite 带你从 0 到 1 搭建 Vue3 项目🚀栀秋6662 小时前
面试常考的最长递增子序列(LIS),到底该怎么想、怎么写?Melrose2 小时前
Flutter - 使用Jaspr来构建SEO友好网站有点笨的蛋2 小时前
Vue3 项目:宠物照片变身冰球运动员的 AI 应用