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

相关推荐
小桥风满袖9 小时前
极简三分钟ES6 - ES9中字符串扩展
前端·javascript
小Wang9 小时前
npm私有库创建(docker+verdaccio)
前端·docker·npm
用户73087011793089 小时前
Vue中集成文字转语音:使用Web Speech API实现功能
前端
李重楼10 小时前
前端性能优化之 HTTP/2 多路复用
前端·面试
yanessa_yu10 小时前
全屏滚动网站PC端自适应方案
前端
RoyLin10 小时前
TypeScript设计模式:桥接模式
前端·后端·typescript
火星开发者10 小时前
Vue中实现Word、Excel、PDF预览的详细步骤
前端
brzhang10 小时前
干翻 Docker?WebAssembly 3.0 的野心,远不止浏览器,来一起看看吧
前端·后端·架构
lecepin11 小时前
AI Coding 资讯 2025-09-17
前端·javascript·面试
IT_陈寒11 小时前
React 18实战:7个被低估的Hooks技巧让你的开发效率提升50%
前端·人工智能·后端