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

相关推荐
风语者日志6 分钟前
[LitCTF 2023]作业管理系统
前端·网络·安全·web安全·ctf
excel16 分钟前
深入解析:Vue 编译器核心工具函数源码(compiler-core/utils.ts)
前端
excel17 分钟前
第五章:辅助函数与全流程整合
前端
excel18 分钟前
🔍 深度解析:Vue 编译器中的 validateBrowserExpression 表达式校验机制
前端
excel18 分钟前
深度解析:Vue 模板编译器中的 Tokenizer 实现原理
前端
excel21 分钟前
🧩 Vue 编译核心:transform.ts 源码深度剖析
前端
excel21 分钟前
Vue Runtime Helper 常量与注册机制源码解析
前端
excel24 分钟前
Vue 模板编译器核心选项解析:从 Parser 到 Codegen 的全链路设计
前端
excel24 分钟前
第四章:表达式与循环解析函数详解
前端
excel25 分钟前
第三章:指令与属性解析函数组详解
前端