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

相关推荐
闲云一鹤4 分钟前
Cesium 去掉默认瓦片和地形,解决网络不好时地图加载缓慢的问题
前端·cesium
Dreamcatcher_AC5 分钟前
前端面试高频13问
前端·javascript·vue.js
AI陪跑5 分钟前
深入剖析:GrapesJS 中 addStyle() 导致拖放失效的问题
前端·javascript·react.js
登山人在路上6 分钟前
Vue中导出和导入
前端·javascript·vue.js
消失的旧时光-19439 分钟前
Flutter 路由从 Navigator 到 go_router:嵌套路由 / 登录守卫 / 深链一次讲透
前端·javascript·网络
掘金酱13 分钟前
🏆2025 AI/Vibe Coding 对我的影响 | 年终技术征文
前端·人工智能·后端
智算菩萨15 分钟前
【Python基础】字典(Dictionary):AI的“键值对”信息存储的基石
前端·人工智能·python
C_心欲无痕22 分钟前
vue3 - shallowReadonly浅层只读响应式对象
前端·javascript·vue.js
_Kayo_22 分钟前
HTML 拖放API
前端·javascript·html
狗头大军之江苏分军24 分钟前
2026年了,前端到底算不算“夕阳行业”?
前端·javascript·后端