-
下载依赖: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
相关推荐
小桥风满袖9 小时前
极简三分钟ES6 - ES9中字符串扩展小Wang9 小时前
npm私有库创建(docker+verdaccio)用户73087011793089 小时前
Vue中集成文字转语音:使用Web Speech API实现功能李重楼10 小时前
前端性能优化之 HTTP/2 多路复用yanessa_yu10 小时前
全屏滚动网站PC端自适应方案RoyLin10 小时前
TypeScript设计模式:桥接模式火星开发者10 小时前
Vue中实现Word、Excel、PDF预览的详细步骤brzhang10 小时前
干翻 Docker?WebAssembly 3.0 的野心,远不止浏览器,来一起看看吧lecepin11 小时前
AI Coding 资讯 2025-09-17IT_陈寒11 小时前
React 18实战:7个被低估的Hooks技巧让你的开发效率提升50%