-
下载依赖: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
相关推荐
potender2 分钟前
前端基础学习html+css+jsHilaku10 分钟前
你以为的 Tailwind 并不高效,看看这些使用误区帅夫帅夫12 分钟前
Vibe Coding从零开始教你打造一个WebLLM页面Vonalien13 分钟前
Trae 深度体验:从怀疑到真香,AI 如何重塑我的开发流?刘白Live14 分钟前
【html】localStorage设置和获取局部存储的值白瓷梅子汤14 分钟前
跟着官方示例学习 @tanStack-table --- BasicopenInula前端开源社区14 分钟前
【openInula茶话会】第三期:Vue转换到openInula技术揭秘哄哄57515 分钟前
Antd中Upload组件封装及使用:哄哄57515 分钟前
人工智能之web前端开发(deepSeek与文心一言结合版)哄哄57515 分钟前
js如何将deepSeek生成的报告添加封面并下载成word