- 下载依赖: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可以看到效果。