-
下载依赖: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 分钟前
vite+rust生态链工具链skywalk81635 分钟前
当前有什么流行的lisp的web框架吗?IT_陈寒10 分钟前
为什么我的JavaScript变量老是不听使唤?HookJames13 分钟前
设计Section 06 · Component Sourcing & BOM Risk Controlzhenxin012214 分钟前
HTML头部元信息避坑指南布局呆星26 分钟前
Vite代理解决前端跨域问题 | fetch请求 | 环境变量zh_xuan31 分钟前
node.js搭建http服务sghuter34 分钟前
HTML头部元信息避坑指南无心使然云中漫步35 分钟前
Openlayers调用ArcGis地图服务之三 —— 要素查询(/query)