-
下载依赖: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
相关推荐
深圳佛手2 小时前
不用智能体开发框架,如何调用工具?小夏卷编程2 小时前
ant-design-vue 1.x版本自定义可拖拽弹框GIS之路3 小时前
GDAL 实现自定义数据坐标系0思必得03 小时前
[Web自动化] Requests模块响应的内容醉逍遥neo4 小时前
react项目热更新问题专注前端30年4 小时前
Vue3 watchEffect详解:核心用法与原理剖析hwt10703598984 小时前
Vue项目,解决Node依赖错误问题LYFlied5 小时前
前端性能优化工程化落地指南:从基础实践到极致性能突破阿珊和她的猫5 小时前
Webpack常用配置项详解codelang5 小时前
用另一种方式让《留白》继续存在下去