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

相关推荐
kyriewen2 小时前
Webpack vs Vite:一个是“老黄牛”,一个是“猎豹”,你选谁?
前端·webpack·vite
打小就很皮...2 小时前
html2canvas + jsPDF 生成 PDF 的踩坑与解决方案总结
前端·pdf
全栈前端老曹2 小时前
【前端地图】多地图平台适配方案——高德、百度、腾讯、Google Maps SDK 差异对比、封装统一地图接口
前端·javascript·百度·dubbo·wgs84·gcj-02·bd09
雾岛听风6913 小时前
JavaScript基础语法速查手册
开发语言·前端·javascript
遇见~未来3 小时前
第三篇_现代布局_从弹性到网格
前端·css3
前端那点事3 小时前
Vue前端SEO优化全攻略(实操落地版,新手也能上手)
前端·vue.js
Dxy12393102163 小时前
HTML 如何使用 SVG 画曲线
前端·算法·html
用户2367829801683 小时前
从零实现 GIF 制作工具:LZW 压缩与 Median Cut 色彩量化
前端·javascript
hahaha 1hhh3 小时前
中文乱码 ubuntu autodl
linux·运维·前端
Codebee4 小时前
Harness Engineering:AICode 的灵魂
前端·人工智能·前端框架