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

相关推荐
swipe2 小时前
JavaScript 对象操作进阶:从属性描述符到对象创建模式
前端·javascript·面试
IT_陈寒2 小时前
React开发者都在偷偷用的5个性能优化黑科技,你知道几个?
前端·人工智能·后端
还是大剑师兰特3 小时前
Vue3 前端专属配置(VSCode settings.json + .prettierrc)
前端·vscode·json
前端小趴菜053 小时前
vue3项目优化方案
前端·javascript·vue.js
Mr_Swilder3 小时前
WebGPU 基础 (WebGPU Fundamentals)
前端
张3蜂3 小时前
HTML5语义化标签:现代网页的骨架与灵魂
前端·html·html5
悟空瞎说3 小时前
我用 PixiJS 撸了个圆桌会议选座系统,从 0 到 1 踩坑全复盘
前端
码云之上4 小时前
从 SPA 到全栈:AI 时代的前端架构升级实践
前端·架构·ai编程
小陈同学呦4 小时前
关于如何使用CI/CD做自动化部署
前端·后端
前端Ah4 小时前
记 华为鸿蒙机型小程序使用uni.createInnerAudioContext() 播放音频播放两次的问题
前端