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

相关推荐
Mintopia18 分钟前
计算机图形学学习指南
前端·javascript·计算机图形学
Mintopia19 分钟前
three.js 中的动画(animation)
前端·javascript·three.js
AI大模型顾潇21 分钟前
[特殊字符] Prompt如何驱动大模型对本地文件实现自主变更:Cline技术深度解析
前端·人工智能·llm·微调·prompt·编程·ai大模型
小小小小宇32 分钟前
React中 useEffect和useLayoutEffect源码原理
前端
AlexJee34 分钟前
在vue3中使用vue-cropper完成头像裁剪上传图片功能
前端
清晨細雨36 分钟前
uniapp微信小程序:WIFI设备配网之TCP/UDP开发AP配网
前端·物联网·小程序·uni-app
阿廖沙102437 分钟前
Rust核心概念
前端
阿廖沙102439 分钟前
🚀 从“值放哪了”聊起:Rust 内存管理通透讲解(适合前端工程师)
前端
打野赵怀真40 分钟前
如何提高前端应用的性能?
前端·javascript