简单使用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国内可直接用、免费额度/永久免费的大模型API清单（含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等）02蜘蛛磁力搜索引擎大全，如何使用蜘蛛磁力查找磁力链接 03历年考研数学一、数学二、数学三真题试卷及答案PDF 04GitHub 镜像站点 05人工智能（AI）发展史：详细里程碑 06微信历史版本含下载地址（ Windows PC | 安卓 | MAC ）及设置微信不更新 072026 国产 AI 大模型横评：DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打？08ZCode 周末送额度活动开启：3 亿 Token 免费领取 09数学公理体系大全:第六章选择公理的等价形式及证明 10【一等奖版】2026 国赛 A题药材的烘干问题