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

相关推荐
夕水2 分钟前
终于,我也能够写出一款代码编辑器
前端
red润13 分钟前
npm包autocannon牛逼的后台压力测试库
前端·javascript·node.js
黄蘑菇13 分钟前
white-space、word-break、overflow-wrap(原名word-wrap)的区别
前端
渔樵江渚上16 分钟前
JavaScript函数柯里化:优雅的函数式编程实践
前端·javascript·面试
the_one17 分钟前
如何判断一个属性是否存在
前端·javascript·面试
Ethan_Zhou【数据恢复专家】18 分钟前
Node.js 性能提升秘籍:多线程与 HTTP 并发管理策略
网络协议·http·node.js
晴空96918 分钟前
对webpack工程化的理解
webpack
张开心_kx19 分钟前
5202年了,还不懂原型链吗?
前端
用户6133467165319 分钟前
开发体育赛事直播系统:炫彩弹幕直播间界面技术实现方案
前端·后端
恋猫de小郭20 分钟前
Android 转内部开发谁说是闭源?明明 AOSP 外部 PR 支持也会继续
android·前端·flutter