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

相关推荐
紫陌涵光1 分钟前
112. 路径总和
java·前端·算法
漠月瑾-西安11 分钟前
CVE-2025-55182漏洞解析:你的React项目安全吗?
前端·安全·react.js
No丶slovenly24 分钟前
flutter笔记-输入框
前端·笔记·flutter
国产化创客1 小时前
ESP32+Web实现智能气象站
前端·物联网·智能家居·智能硬件
coderYYY2 小时前
VSCode终端启动报错
前端·ide·vscode·npm·编辑器
tod1132 小时前
Redis 数据类型与 C++ 客户端实践指南(redis-plus-plus)
前端·c++·redis·bootstrap·html
Sylvia33.2 小时前
火星数据:棒球数据API
java·前端·人工智能
weixin199701080163 小时前
1688商品详情页前端性能优化实战
前端·性能优化
DEMO派3 小时前
前端常用XSS攻击演示与防御方案解析
前端·xss
问今域中3 小时前
Vue的computed用法解析
前端·javascript·vue.js