-
下载依赖: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
相关推荐
2301_814809861 分钟前
实战分享Flutter Web 开发:解决跨域(CORS)问题的终极指南ayqy贾杰1 小时前
GPT-5.5+Codex全自动搓出macOS游戏,创作链路首次真正连续网络点点滴1 小时前
Node.js-填充模板英俊潇洒美少年3 小时前
Vue2/Vue3 vue-i18n完整改造流程(异步懒加载+后端接口请求)空中海9 小时前
第七章:vue工程化与构建工具zhensherlock9 小时前
Protocol Launcher 系列:Trello 看板管理的协议自动化zhuà!9 小时前
element的el-form提交校验没反应问题龙猫里的小梅啊10 小时前
CSS(一)CSS基础语法与样式引入小码哥_常10 小时前
从0到1,开启Android音视频开发之旅渔舟小调10 小时前
P19 | 前端加密通信层 pikachuNetwork.js 完整实现