webpack入門第二篇
阿新 • • 發佈:2018-11-07
今天是webpack第二篇文章,跟第一篇文章有關聯。現在讓我們繼續學習。
還是跟官網有關,從官網入手
http://webpack.github.io/docs/tutorials/getting-started/
今天的學習內容是引用require,這是node.js裡自帶的,可以直接引用。那麼開始我們的學習吧。
1、新建資料夾demo2,進入demo2資料夾,按住shift,然後右鍵彈出命令列。
2,新建檔案 content.js
module.exports = "It works from content.js.";
3、新建檔案 entry.js
document.write (require("./content.js"));
4、新建index.html
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript" src="bundle.js" charset="utf-8"></script>
</body>
</html>
5、那麼下面又是webpack的時間到了,在命令列內輸入
webpack ./entry.js bundle.js
6、執行index.html檢視結果。
這是webpack第二篇部落格,很簡單吧,這跟官網講的是一樣的,英文好的話可以直接研究官網。如果覺得英文困難,可以看我的下篇文章,會持續更新。