-
下载依赖: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
相关推荐
霍理迪6 分钟前
CSS盒模型布局规则千寻girling20 分钟前
面试官: “ 说一下 JS 中什么是事件循环 ? ”程序员龙语22 分钟前
CSS 高级选择器应用Cassie燁23 分钟前
el-table源码解读2-2——createStore()初始化方法程序员修心25 分钟前
CSS文本样式全解析:11个核心属性详解旧梦吟1 小时前
脚本网站 开源项目北极糊的狐1 小时前
按钮绑定事件达成跳转效果并将树结构id带入子页面形成参数完成查询功能并将返回的数据渲染到页面上2022.5.29幽络源小助理1 小时前
幽络源二次元分享地址发布页源码(HTML) – 源码网免费分享全栈前端老曹1 小时前
【ReactNative】页面跳转与参数传递 - navigate、push 方法详解用泥种荷花2 小时前
【前端学习AI】Python环境搭建