-
下载依赖: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
相关推荐
Joe55632 分钟前
vue2 + antDesign 下拉框限制只能选择2个ChangYan.1 小时前
monorepo 多包管理识别不到新增模块,解决办法Jinuss1 小时前
React元素创建介绍济6171 小时前
linux 系统移植(第六期)--Uboot移植(5)--bootcmd 和 bootargs 环境变量-- Ubuntu20.04m0_748254662 小时前
AJAX 基础实例vmiao2 小时前
【前端入门】商品页放大镜效果(仅放大镜随鼠标移动效果)持续前行2 小时前
vscode 中找settings.json 配置Anita_Sun2 小时前
Lodash 源码解读与原理分析 - Lodash IIFE 与兼容性处理详解用户904706683572 小时前
Nuxt 请求后端接口怎么写,一篇文章讲清楚ahubbub2 小时前
用 maptalks 在 Web 上做可扩展的 2D/3D 地图渲染与交互