简单使用webpack

姚*鸿的博客2024-10-13 8:49

下载依赖：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文件。
javascript 复制代码
```
document.write("It works.");
```
在app的目录下执行webpack ./runoob1.js的命令。
会生成一个dist的目录。
使用live-server访问html可以看到效果。

上一篇：自主主权身份在企业中的作用

下一篇：webpack学习

热门推荐

01YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】02从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑 03KGG转MP3工具|非KGM文件|解密音频 04组基轨迹建模 GBTM的介绍与实现（Stata 或 R）05【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高，一键全文降！文件格式不变，公式都保留的！06Coze扣子平台完整体验和实践（附国内和国际版对比）07YOLOv5改进 | 添加CA注意力机制 + 增加预测层 + 更换损失函数之GIoU 08yolov8，yolo11，yolo12 服务器训练到部署全流程笔记 09DeepSeek各版本说明与优缺点分析 10【操作系统】Linux之网络编程(TCP)（头歌作业）