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

热门推荐

01GitHub 镜像站点 02AI Agent 平台横评：ZeroClaw vs OpenClaw vs Nanobot 03Claude Code + GLM4.7 避坑指南：解决 Unable to connect to Anthropic services 04【OpenClaw 本地实战 Ep.3】突破瓶颈：强制修改 openclaw.json 解锁 32k 上下文记忆 05Clawdbot部署教程：解决‘gateway token missing’授权问题的完整步骤 06openClaw安装飞书插件｜核心踩坑：spawn EINVAL 错误终极解决指南 07HTML 早已不是标签了，它现在是系统级接口：这 9 个 API 直接干翻常用 JS 库 08AI 规范驱动开发“三剑客”深度对比：Spec-Kit、Kiro 与 OpenSpec 实战指南 09全面体验 Grok API 中转站（2025 · Grok 4 系列最新版）10jdk21下载、安装（Windows、Linux、macOS）