-
下载依赖: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
相关推荐
lsp程序员01015 小时前
使用 Web Workers 提升前端性能:让 JavaScript 不再阻塞 UIJ***Q29216 小时前
前端路由,React Router1***815316 小时前
前端路由参数传递,React与Vue实现q***136117 小时前
十七:Spring Boot依赖 (2)-- spring-boot-starter-web 依赖详解xixixi7777718 小时前
了解一下Sentry(一个开源的实时错误监控平台)百***680418 小时前
Node.JS 版本管理工具 Fnm 安装及配置(Windows)Keely4028518 小时前
学习编写chrome插件:Hello World 扩展hhcccchh19 小时前
学习vue第三天 Vue 前端项目结构的说明源力祁老师20 小时前
Odoo 19 制造与会计集成深度解析