简单使用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可以看到效果。

相关推荐
xiaohe06015 小时前
📖 每一份收获都值得被纪念:小何的 2025 年度总结
前端·年终总结
社恐的下水道蟑螂5 小时前
深入理解 React 中的 Props:组件通信的桥梁
前端·javascript·react.js
青莲8435 小时前
Java基础篇——第三部
java·前端
社恐的下水道蟑螂6 小时前
LangChain:AI 应用开发框架的深度解析与实践指南
前端·langchain·ai编程
凌览6 小时前
2025年,我和AI合伙开发了四款小工具
前端·javascript·后端
青莲8436 小时前
Java基础篇——第一部
android·前端
留简6 小时前
从零搭建一个现代化后台管理系统:基于 React 19 + Vite + Ant Design Pro 的最佳实践
前端·react.js
小满zs6 小时前
Next.js第十八章(静态导出SSG)
前端·next.js
CAN11776 小时前
快速还原设计稿之工作流集成方案
前端·人工智能
A24207349306 小时前
深入浅出JS事件:从基础原理到实战进阶全解析
开发语言·前端·javascript