- 首先需要安裝node ,不確定自己有沒有安裝node,使用命令
node -v
image.png
- 初始化下,點回車就好了
image.png
image.png
3.安裝webpack
image.png
4.新建個entry.js文件
寫入document.write("It works.");
5.新建個index.html文件
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript" src="bundle.js" charset="utf-8"></script>
</body>
</html>
6.在運行如下命令
$ webpack ./entry.js bundle.js
image.png
7.這時候你的demo 里面會有bundle.js 這個文件,這個就是打包之后的文件
image.png
8.這時候去打開index.html ,瀏覽器就會出現你寫入的內容
image.png
一個簡單的使用就完成了,你想了解更多,請去看api 吧。