-
下载依赖: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
相关推荐
毕设十刻12 分钟前
基于Vue的迅读网上书城22f4d(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末程序员小寒13 分钟前
从一道前端面试题,谈 JS 对象存储特点和运算符执行顺序爱健身的小刘同学1 小时前
Vue 3 + Leaflet 地图可视化神秘的猪头1 小时前
Ajax 数据请求:从零开始掌握异步通信稀饭521 小时前
用changeset来管理你的npm包版本TeamDev1 小时前
基于 Angular UI 的 C# 桌面应用Komorebi゛2 小时前
【CSS】斜角流光样式Irene19912 小时前
CSS 废弃属性分类总结青莲8432 小时前
Android 事件分发机制 - 事件流向详解musashi2 小时前
用 Electron 写了一个 macOS 版本的 wallpaper(附源码、下载地址)