-
下载依赖: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
相关推荐
kyriewen2 小时前
Webpack vs Vite:一个是“老黄牛”,一个是“猎豹”,你选谁?打小就很皮...2 小时前
html2canvas + jsPDF 生成 PDF 的踩坑与解决方案总结全栈前端老曹2 小时前
【前端地图】多地图平台适配方案——高德、百度、腾讯、Google Maps SDK 差异对比、封装统一地图接口雾岛听风6913 小时前
JavaScript基础语法速查手册遇见~未来3 小时前
第三篇_现代布局_从弹性到网格前端那点事3 小时前
Vue前端SEO优化全攻略(实操落地版,新手也能上手)Dxy12393102163 小时前
HTML 如何使用 SVG 画曲线用户2367829801683 小时前
从零实现 GIF 制作工具:LZW 压缩与 Median Cut 色彩量化hahaha 1hhh3 小时前
中文乱码 ubuntu autodlCodebee4 小时前
Harness Engineering:AICode 的灵魂