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

热门推荐

01手机电脑之间快速传输图片视频文件，不压缩画质、不限制大小的方法！02Coze实战第13讲：飞书多维表格读取+豆包生图模型，轻松批量生成短剧封面 03Coze扣子平台完整体验和实践（附国内和国际版对比）04免费可用！最强AI数字人对口型神器：让照片开口说话唱歌，支持多人对口型+全身动作，1分钟学会！（附保姆级教程）05C#调用WechatOCR.exe实现本地OCR文字识别 06扣子（coze）实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解 07华为昇腾 910B 部署 DeepSeek-R1 蒸馏系列模型详细指南 08如何将markdown生成pdf 09DeepSeek各版本说明与优缺点分析 10Coze 全方位入门剖析 - 免费打造自己的 AI 超级个体