简单使用webpack

迷途小员员

于 2024-10-12 09:16:56 发布

阅读量468

点赞数 2

CC 4.0 BY-SA版权

文章标签： webpack 前端 node.js

本文链接：https://blog.csdn.net/weixin_38441229/article/details/142868745

下载依赖：npm install webpack webpack-cli --save-dev
新建一个目录app。

加入html：

<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <script type="text/javascript" src="./dist/main.js" charset="utf-8"></script>
    </body>
</html>

加入js的，命名为runoob1.js文件。
```
document.write("It works.");
```
在app的目录下执行webpack ./runoob1.js的命令。
会生成一个dist的目录。
使用live-server访问html可以看到效果。