-
下载依赖: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
相关推荐
The_era_achievs_hero13 分钟前
Echarts涔溪1 小时前
Vite 和 Webpack 这两款主流前端构建工具的核心区别,包括它们的设计理念、工作机制和实际使用体验上的差异。0思必得01 小时前
[Web自动化] 开发者工具元素(Elements)面板遇到困难睡大觉哈哈1 小时前
Harmony os ——ArkTS 语言笔记(五):泛型、空安全与可选链八哥程序员2 小时前
你真的理解了 javascript 中的原型及原型链?冴羽2 小时前
10 个 Nano Banana Pro 专业级生图技巧7ayl2 小时前
Vue3 - runtime-core的渲染器初始化流程前端老宋Running2 小时前
React 的“时光胶囊”:useRef 才是那个打破“闭包陷阱”的救世主Dr_哈哈2 小时前
LangChain Tools —— 让 AI 拥有「双手」yinuo2 小时前
前端跨页面通讯终极指南③:LocalStorage 用法全解析