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

相关推荐
potender2 分钟前
前端基础学习html+css+js
前端·css·学习·html·js
Hilaku10 分钟前
你以为的 Tailwind 并不高效,看看这些使用误区
前端·css·前端框架
帅夫帅夫12 分钟前
Vibe Coding从零开始教你打造一个WebLLM页面
前端·人工智能
Vonalien13 分钟前
Trae 深度体验:从怀疑到真香,AI 如何重塑我的开发流?
前端
刘白Live14 分钟前
【html】localStorage设置和获取局部存储的值
前端
白瓷梅子汤14 分钟前
跟着官方示例学习 @tanStack-table --- Basic
前端·react.js
openInula前端开源社区14 分钟前
【openInula茶话会】第三期:Vue转换到openInula技术揭秘
前端·javascript
哄哄57515 分钟前
Antd中Upload组件封装及使用:
前端
哄哄57515 分钟前
人工智能之web前端开发(deepSeek与文心一言结合版)
前端
哄哄57515 分钟前
js如何将deepSeek生成的报告添加封面并下载成word
前端