-
下载依赖: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
相关推荐
子兮曰8 小时前
async/await高级模式:async迭代器、错误边界与并发控制恋猫de小郭8 小时前
2026 Flutter VS React Native ,同时在 AI 时代 VS Native 开发,你没见过的版本GIS之路10 小时前
ArcGIS Pro 中的 Notebooks 入门IT_陈寒11 小时前
React状态管理终极对决:Redux vs Context API谁更胜一筹?Kagol12 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目柳杉12 小时前
从零打造 AI 全球趋势监测大屏simple_lau12 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码睡不着先生12 小时前
如何设计一个真正可扩展的表单生成器?天蓝色的鱼鱼12 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别明君8799712 小时前
Flutter 如何给图片添加多行文字水印