-
下载依赖: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
相关推荐
逐·風3 小时前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发Devil枫4 小时前
Vue 3 单元测试与E2E测试尚梦4 小时前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)GIS程序媛—椰子5 小时前
【Vue 全家桶】6、vue-router 路由(更新中)前端青山5 小时前
Node.js-增强 API 安全性和性能优化毕业设计制作和分享6 小时前
ssm《数据库系统原理》课程平台的设计与实现+vue清灵xmf7 小时前
在 Vue 中实现与优化轮询技术大佩梨7 小时前
VUE+Vite之环境文件配置及使用环境变量GDAL8 小时前
npm入门教程1:npm简介小白白一枚1118 小时前
css实现div被图片撑开