简单使用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学习

热门推荐

012026年4月技术前沿：AI大模型爆发、智能体革命与量子安全新纪元 02GitHub 镜像站点 03一周AI热点速览（2026.03.31-04.06）：GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛 04GPT-6核心能力解析及与现有主流大模型对比 05基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南 06零成本！Ollama本地部署国产大模型全指南（支持Kimi-K2.5/GLM-5/Qwen，新手秒上手）07免费！不限量！用opencode接入英伟达（NVIDIA）大模型，轻松打造你的 AI 编程助手 08从限购到畅通：GLM-5.1 Coding Plan接入攻略 09CodeBuddy与WorkBuddy深度对比：腾讯两款AI工具差异及实操指南 10AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析