-
下载依赖: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
相关推荐
Light601 小时前
CSS逻辑革命:原生if()函数如何重塑我们的样式编写思维蜡笔小嘟1 小时前
宝塔安装dify,更新最新版本--代码版ModyQyW2 小时前
HBuilderX 4.87 无法正常读取 macOS 环境配置的解决方案bitbitDown2 小时前
我的2025年终总结五颜六色的黑3 小时前
vue3+elementPlus实现循环列表内容超出时展开收起功能佳佳_3 小时前
关于在 Fabric.js 中注册字体覆盖的问题wscats3 小时前
Markdown 编辑器技术调研EnoYao3 小时前
Markdown 编辑器技术调研JIngJaneIL4 小时前
基于java+ vue医院管理系统(源码+数据库+文档)JIngJaneIL4 小时前
基于java + vue校园跑腿便利平台系统(源码+数据库+文档)