-
下载依赖: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
相关推荐
Ehtan_Zheng37 分钟前
Android 17 变更说明西门吹-禅1 小时前
【iFlow 处理agents】css趣多多1 小时前
Vue 响应式无限递归问题总结一切顺势而行1 小时前
python 文件目录操作014-code1 小时前
Vue3 性能优化实战css趣多多3 小时前
vue2项目改造为vue3遇到的问题以及解决办法哆啦A梦15883 小时前
Vue3魔法手册 作者 张天禹 09_props的使用哆啦A梦15883 小时前
Vue3魔法手册 作者 张天禹 11_自定义hooks广州华水科技3 小时前
单北斗变形监测在大坝安全和地质灾害预警中的应用与优势阿珊和她的猫3 小时前
深入理解 Vue 3 的 `setup` 函数