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

相关推荐
shughui6 小时前
APP、Web、H5、iOS与Android的区别及关系
android·前端·ios
Amumu121386 小时前
React Router 6介绍
前端·react.js·前端框架
山峰哥6 小时前
SQL调优实战:让查询效率飙升10倍的降本密码
服务器·前端·数据库·sql·编辑器·深度优先
余生H6 小时前
2026 年时间记录软件对比研究:时间线与「时光流」设计的产品分化
前端·软件工程·时间管理·时间记录
风叶悠然6 小时前
vue3中数据的pinia的使用
前端·javascript·数据库
嘿嘻哈呀7 小时前
Node.js和包管理工具
node.js
李少兄7 小时前
CSS clip-path:前端开发中的裁剪技术
前端·css
winfredzhang7 小时前
构建自动化 Node.js 项目管理工具:从文件夹监控到一键联动运行
chrome·python·sqlite·node.js·端口·运行js
zhengxianyi5157 小时前
使用码云gitee登录ruoyi-vue-pro——坑比较多
前端·vue.js·gitee·ruoyi-vue-pro优化·三方登陆
光影少年7 小时前
React vs Next.js
前端·javascript·react.js