-
下载依赖: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
相关推荐
m0_7482309436 分钟前
Redis 通用命令YaHuiLiang1 小时前
一切的根本都是前端“娱乐圈化”浪九天1 小时前
node.js的常用指令ObjectX前端实验室2 小时前
个人网站开发记录-引流公众号 & 谷歌分析 & 谷歌广告 & GTMCL_IN2 小时前
企业数据集成:实现高效调拨出库自动化浪九天4 小时前
Vue 不同大版本与 Node.js 版本匹配的详细参数qianmoQ4 小时前
第五章:工程化实践 - 第三节 - Tailwind CSS 大型项目最佳实践椰果uu4 小时前
前端八股万文总结——JS+ES6微wx笑5 小时前
chrome扩展程序如何实现国际化~废弃回忆 �༄5 小时前
CSS中伪类选择器