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

相关推荐
程序员鱼皮8 小时前
格局!刚刚 DeepSeek 正式开放全家桶 API,咱都能复刻 DeepSeek App 了?
前端·aigc·ai编程
ZhengEnCi8 小时前
登录页电脑端怎么设计才不空:5 种布局方案与可粘贴 AI 提示词
前端·css·设计
匠云创新8 小时前
读完一万段要两分钟:我们把标书读取从 WPS 对象模型搬到了 docx 解析
性能优化·node.js
Penge6668 小时前
JavaScript:DOM 树
前端
Penge6668 小时前
CSS 核心布局指南:盒模型、Flex 布局与 Position 定位
前端
Penge66610 小时前
HTML基础:HTML 标签属性
前端
Penge66610 小时前
HTML 基础:块级元素、行内元素与行内块元素详解
前端
Penge66610 小时前
前端基础:html语义化
前端
用户308169987648510 小时前
同一个端口能被两个程序监听吗?TCP 11 组绑定实测
前端
deli00711 小时前
红绿灯配时实测:固定 60 秒 vs 自适应,2400 辆车差多少
前端