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