-
下载依赖: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
相关推荐
我笔记1 小时前
vue 子父调用毕设源码-朱学姐1 小时前
【开题答辩全过程】以 基于vue.js的校园二手平台为例,包含答辩的问题和答案m0_471199632 小时前
【JavaScript】Set 和 Map 核心区别与实战用法(ES6 集合全解析)hoiii1872 小时前
MATLAB中主成分分析(PCA)与相关性分析的实现大波V52 小时前
用 nvm 彻底重装 Node 12.22.12(确保干净)和和和3 小时前
React Scheduler为何采用MessageChannel调度?Ric9703 小时前
Mac上Git不识别文件名大小写修改?一招搞定!和和和3 小时前
前端应该知道的浏览器知识狗哥哥3 小时前
前端基础数据中心:从混乱到统一的架构演进光影少年3 小时前
webpack和vite区别及原理实现