简单使用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 镜像站点 02Qwen3.5-Omni与Qwen3.6模型全面解析（含测评/案例/使用教程）03VMware Workstation Pro 17 虚拟机完整安装教程（2026最新）04OpenClaw 请求超时 llm request timed out 怎么解决？3 种方案实测，附完整排查流程 05纯 HTML/CSS/JS 实现的高颜值登录页，还会眨眼睛！少女心爆棚！06【技术干货】Gemma 4 上手深度指南：本地多模态大模型的新基线 072026年3月AI领域大事件：DeepSeek引领开源风暴 08最新更新版本，OpenClaw v2026.4.2 深度解读剖析：Task Flow 重磅回归与安全架构的全面硬化 09AI 编程效率翻倍：Superpowers Skills 上手清单 + 完整指南 10Claude Code + GLM4.7 避坑指南：解决 Unable to connect to Anthropic services