-
下载依赖: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
相关推荐
jvxiao3 分钟前
你真的懂作用域吗?从编译原理角度深度 JS 的作用域Darling噜啦啦5 分钟前
二叉树与递归算法实战:从树结构到 LeetCode 爬楼梯,一文吃透前端数据结构与递归思维星栈10 分钟前
Rust + Makepad 应用怎么打包发布:Windows、macOS、Linux 全平台交付Aolith18 分钟前
React 路由守卫:我用一个组件替代了 Vue 的 beforeEachDaybreak22 分钟前
从 PDD、DDD、SDD 到 TDD:我是如何用一套 Agent 工程方法论推进 My-Notion 的HjhIron1 小时前
从零实现一个待办事项应用:前端必学的Ajax与Node.js实战yingyima1 小时前
JavaScript 正则表达式:从零开始的实战对比Sammyyyyy1 小时前
月之暗面 Kimi Code 0.4.0 发布,终端 AI 编码助手全面采用 TypeScript,实现毫秒级启动范什么特西1 小时前
配置文件xml和propertiesjnene1 小时前
html 时间、价格筛选样式处理