-
下载依赖: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
相关推荐
GIS之路3 分钟前
GDAL 读取KML数据今天不要写bug18 分钟前
vue项目基于vue-cropper实现图片裁剪与图片压缩用户479492835691541 分钟前
记住这张时间线图,你再也不会乱用 useEffect / useLayoutEffect咬人喵喵1 小时前
14 类圣诞核心 SVG 交互方案拆解(附案例 + 资源)问君能有几多愁~1 小时前
C++ 日志实现咬人喵喵1 小时前
CSS 盒子模型:万物皆是盒子2401_860319521 小时前
DevUI组件库实战:从入门到企业级应用的深度探索,如何快速应用各种组件韩曙亮2 小时前
【Web APIs】元素滚动 scroll 系列属性 ② ( 右侧固定侧边栏 )珑墨2 小时前
【浏览器】页面加载原理详解