简单使用webpack

  1. 下载依赖:npm install webpack webpack-cli --save-dev

  2. 新建一个目录app。

  3. 加入html:

    Dart 复制代码
    <html>
        <head>
            <meta charset="utf-8">
        </head>
        <body>
            <script type="text/javascript" src="./dist/main.js" charset="utf-8"></script>
        </body>
    </html>
  4. 加入js的,命名为runoob1.js文件。

    javascript 复制代码
    document.write("It works.");
  5. 在app的目录下执行webpack ./runoob1.js的命令。

  6. 会生成一个dist的目录。

  7. 使用live-server访问html可以看到效果。

相关推荐
lifejump1 天前
Dede(织梦)CMS渗透测试(all)
前端·网络·安全·web安全
扬帆破浪1 天前
sidecar崩溃后前端怎么续命 重启策略与状态保留
前端·人工智能·架构·开源·知识图谱
光影少年1 天前
前端算法题
前端·javascript·算法
Lee川1 天前
从输入框到智能匹配:一文读懂搜索功能的完整实现
前端·后端
朝阳391 天前
React【面试】
前端·react.js·面试
漓漾li1 天前
每日面试题(2026-05-15)- 前端
前端·vue.js·react.js
进击切图仔1 天前
RAG 加载 pdf 文档
linux·前端·pdf
小小小小宇1 天前
git 大仓库拉取卡顿问题
前端
前端那点事1 天前
告别低级冗余!10个前端原生高阶技巧,让代码更优雅、性能更出众
前端·vue.js
hexu_blog1 天前
前端vue后端java如何实现证件照功能
前端·javascript·vue.js