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

相关推荐
~央千澈~13 小时前
抖音弹幕游戏开发之第17集:添加日志系统·优雅草云桧·卓伊凡
linux·服务器·前端
JamesYoung797113 小时前
第一部分 — 基础知识 项目框架与文件布局
前端·chrome
孟健13 小时前
程序员就业率暴跌27.5%:我离开大厂5个月后,看懂了这件事
前端
卸任13 小时前
Electron判断是内置摄像头还是接摄像头
前端·react.js·electron
NEXT0614 小时前
普通函数与箭头函数的区别
前端·javascript·面试
全马必破三14 小时前
Webpack知识点汇总
前端·webpack·node.js
NEXT0614 小时前
CommonJS 与 ES Modules的区别
前端·面试·node.js
猪头男15 小时前
【从零开始学习Vue|第八篇】深入组件——组件事件
前端
薛一半15 小时前
React三大属性之refs
前端·javascript·react.js
程序员林北北15 小时前
【前端进阶之旅】Svelte:编译即框架,让前端开发回归简洁
前端·javascript·vue.js·react.js·html5