技术栈

简单使用webpack

姚*鸿的博客2024-10-13 8:49
  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可以看到效果。

上一篇:自主主权身份在企业中的作用
下一篇:webpack学习
相关推荐
穿过锁扣的风
10 分钟前
如何操作HTML网页
前端·javascript·html
San30.
17 分钟前
从零构建坚固的前端堡垒:TypeScript 与 React 实战深度指南
前端·react.js·typescript
yunhuibin
31 分钟前
VideoPipe环境搭建及编译ubuntu240403
前端·人工智能
西门吹-禅
1 小时前
prisma
node.js
CHANG_THE_WORLD
1 小时前
PDF文档结构分析 一
前端·pdf
东东516
1 小时前
果园预售系统的设计与实现spingboot+vue
前端·javascript·vue.js·spring boot·个人开发
rainbow6889
1 小时前
Python学生管理系统:JSON持久化实战
java·前端·python
打小就很皮...
1 小时前
React Router 7 全局路由保护
前端·react.js·router
起风的蛋挞
1 小时前
Matlab提示词语法
前端·javascript·matlab
有味道的男人
1 小时前
1688获得商品类目调取商品榜单
java·前端·spring
热门推荐
01GitHub 镜像站点02Clawdbot 中文汉化版 接入微信、飞书03OpenClaw部署与配置教程:在Mac mini上接入国产大模型与飞书04OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)052026美赛A题智能手机电池续航时间预测的连续时间数学模型06Linux下V2Ray安装配置指南07Claude Code Skills 实用使用手册08Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services09UV安装并设置国内源10在Trae中使用Pencil MCP