简单使用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「全语录+省流版」邵艾伦 × 孙宇晨：聊风口、聊个人IP、聊年轻人如何抓住 AI 时代的机会 02国内可直接用、免费额度/永久免费的大模型API清单（含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等）03GitHub 镜像站点 04历年考研数学一、数学二、数学三真题试卷及答案PDF 05几个好用的ip纯净度检测网站 06蜘蛛磁力搜索引擎大全，如何使用蜘蛛磁力查找磁力链接 07Telegram APK 下载安装完整指南 — 2026年最新 08Windows 10/11 如何退出微软账户并改用本地账户登录（含找不到选项的解决方法）09苹果iPA游戏软件资源下载网站 10微信历史版本含下载地址（ Windows PC | 安卓 | MAC ）及设置微信不更新